Published December 15, 2020 by RIT with 0 comment

CARA MENAMPILKAN FOTO SETELAH UPLOAD FOTO DENGAN JQUERY

source logo : www.freebiesupply.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,


pada postingan kali ini mengenaicara menampilkan foto setelah memilih foto dengan menggunakan ajax Jquery, disaat user menekan tombol choose, maka user akan memilih foto user lalu menampilkan foto yang dipilih oleh user tersebut, fungsi nya adalah untuk mengethaui apakah sudah benar foto yang di upload user tersebut jika salah maka user bisa melakukan pemilihan foto lagi, Langsung saja :  

0 - download dulu plugin jquery di sini scroll hingga kebawah lalu tekan tombol download.
1 - letakkan jquery yg telah didownload folder dalam satu folder.
2 - buatlah file index.php
3 - copy script dibawah ini sesuaikan dengan file index.php

Dibawah ini adalah kodenya : 

<script type="text/javascript" src="jquery.js"></script>
 
<input type="file" onchange="pilih_foto(this);">
 
<img src="#" id="tampilkan_foto"/>
 
<script type="text/javascript">
 
     function pilih_foto(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
 
                reader.onload = function (e) {
                    $('#tampilkan_foto')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(auto);
                };
 
                reader.readAsDataURL(input.files[0]);
            }
        }
 
</script>



Hasilnya akan seperti gambar di bawah ini :


Terima Kasih
Thank's

TAG TAGS :
upload and display pic | how to display after upload foto | preview image before upload using Jquery | how to select pic and preview in ajax jquery | how to upload and preview in ajax jquery | ow to upload and preview in ajax jquery | cara upload foto | cara menampilkan foto sebelum di upload | cara menampilkan foto setelah memilih foto


BACA JUGA :

SOURCE :
- https://stackoverflow.com/questions/12368910/html-display-image-after-selecting-filename
- http://jsbin.com/uboqu3/1/edit?html,js,output


Read More

, ,

      edit
Published December 08, 2020 by RIT with 0 comment

MENAMPILKAN DATA PADA PHP

source logo : www.php.com

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.


pembelajaran php yang pertama adalah tentang cara penulisan sintak php, yaitu sintak php harus ditulis didalam tag php yang terdiri penutup dan pembuka. Dimulai dari tag pembuka nya seperti ini lalu setelah, kita buat sintak php nya kita coba hal pertama yaitu menampilkan tulisan pada didalam sintak php dengan menggunakan echo. Fungsi echo adalah menampilkan apa yang kita tulis di dalam sintak php.

echo dimulai dengan tanda petik dan diakhiri tanda petik lalu tanda semicolon, semicolon adalah tanda titik koma, berikut contoh scriptnya : 

<?php echo "Halo Dunia"; ?>

Selain echo ada sintak lain yang juga bisa menampilkan seperti echo berikut scriptnya : 

<?= "Halo Dunia";  ?>


Selanjutnya perpaduan string atau isi dengan html, css, javascript menggunakan php
Coba dengan html dengan tag ini ,

berikut kode php dengan html nya : 

<?php 
 
   echo "<b>Hello My Name is Terry</b>";
   echo "<br>";
   echo "My Hooby is Swimming";
 
?>


Sekarang coba dengan css nerikut kode php dengan css didalamnya : 

<button style=" <?php echo "background-color:orange"; ?> ">Tombol</button>

Pada sintak diatas memang berbeda, dengan sintak html diatas tergantung kondisi setiap pengguna, untuk saya sendiri menggunakan css dalam operator if.


Sekarang coba dengan javascript, berikut kode php engan javascript : 

<?php 

   echo "
         <script>
     
             alert('Hello I Am Jhon Terry');

          </script>

         "; 

?>

Pada sintak php dengan javascript biasanya digunakan setelah melakukan untuk notif saja, seprti saat user berhasi lmenghapus, menambah, mengubah data, maka akan menggunakan serpti script php dengan javascript.


Terima Kasih.
Thank's.

Tag :
Cara echo pada php | echo adalah ... | echo adalah | echo php | echo with Javascript | echo with js | echo with css | echo with html how to echo php | how to echo php with css | how to echo php with js


Read More

,

      edit
Published November 26, 2020 by RIT with 0 comment

PINDAH HALAMAN MENGGUNAKAN JAVASCRIPT

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

direct page
source logo : https://www.freepnglogos.com

pada post kali ini, langsung koding akan berbagi mengenai cara pindah halaman menggunakan kode javascript, misalnya serperti user sudah klik tombol simpan maka akan diarahkan ke halaman index, bagaimana kode yang akan digunakan di javascript berikut :

yang pertama menggunakan kode href pada javascript : 

window.location.href = "www.langsungkoding.blogspot.com";


kode yang kedua bisa menggunakan kode replace pada javascript : 

window.location.replace("www.langsungkoding.blogspot.com");

Perbedaan href pada javascript dengan replace pada javascript yaitu pada kode replace untuk menghilangkan history pada halaman sebelumnya jadi misalkan saat user sedang melakukan insert data dengan menekan simpan dan program melakukan proses maka disaat proses telah dilakukan inilah peran replace berfungsi.

Yaitu dengan menghapus proses nya saat user menekan tombol back pada user, bisa saja dong user nya nakal hehehe dengan kembali ke halaman sebelumnya, contoh sederhana nya mengganti history browser saat ini dengan data history terbaru. jadi user tidak bisa kembali pada browser proses, atau halaman sebelumnya.

sedangkan href pada javascript saat user menekan tombol kembali pada browser, browser akan mengembalikan halaman sebelumnya.


bisa juga di modifikasi seperti kode javascript dibawah ini : 

<input type="submit"  onclick="re_page('www.langsungkoding.blogspot.com')" >

<script type="text/javascript">
 
    function re_page(url){
        window.location.replace(url);   
    }
 
</script>

Terima Kasih
Thank's


TAG TAGS :
CARA PINDAH HALAMAN PADA JAVASCRIPT | CARA PINDAH HALAMAN MENGGUNAKAN JAVASCRIPT | CARA PINDAH HALAMAN SETELAH PROSES SELESAI | PINDAH HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DI JAVASCRIPT | CARA REDIRECT HALAMAN DI | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH OUT REFRESH | HOW TO REDIRECT PAGE IN JAVASCRIPT ON PAGE LOAD | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH DATA | HOW TO REDIRECT SAME PAGE IN JAVASCRIPT | JAVASCRIPT | REDIRECT PAGE | REDIRECT HALAMAN | DENGAN JAVASCRIPT |


BACA JUGA :


SOURCE :
https://www.plajarikode.com/2020/05/redirect-ke-halaman-lain-dengan-php-javascript.html

https://alfredoeblog.wordpress.com/2012/07/12/mengalihkan-halaman-web-redirect-menggunakan-javascript/




Read More

, , , ,

      edit
Published November 24, 2020 by RIT with 0 comment

CARA UPDATE DATA DENGAN DROPDOWN ATAU COMBOBOX DENGAN AJAX JQUERY

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

cara update data dengan dropdown atau combobox dengan ajax jquery


Pada postingan kali ini mengenai update data dengan dropdown menggunakan ajax Jquery, disaat user melakukan perubahan data, user hanya klik atau mencet atau pilih dropdown yang di inignkan lalu akan muncul alert javascript berhasil, maka secara otomatis data telah tersimpan. Langsung saja :  

Pertama-tama buat lah table dengan nama user, dengan struktur seperti gambar di bawah ini

lalu isikan database nya dengan isian seperti gambar di bawah ini :

0 - download dulu plugin jquery di sini scroll hingga kebawah lalu tekan tombol download.
1 - letakkan jquery yg telah didownload folder dalam satu folder.
2 - buatlah file index.php
3 - buat file lagi dengan nama update_proses.php
4 - copy script dibawah ini sesuaikan dengan file index.php dan update_proses.php


index.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?php $koneksi = mysqli_connect('localhost','root','','test');  ?>
<script type="text/javascript" src="../jquery.min.js"></script>
 
<table border="1">
    <tr>
        <td>Nama</td>
        <td>Pekerjaan</td>
    </tr>
<?php 
    $q = "SELECT * FROM user";
    $myq = mysqli_query($koneksi, $q);
    while($r = mysqli_fetch_assoc($myq)):
 ?>
    <tr>
        <td><?php echo $r['nama']; ?></td>
        <td>
            <select class="status_pekerjaan" id-pegawai='<?php echo $r['id']; ?>' >
                <option value=""> - Pilih -</option>
                <option value="1" <?php if( $r['pekerjaan']==1) echo 'selected';?> > Admin</option>
                <option value="2" <?php if( $r['pekerjaan']==2) echo 'selected';?> > Kebersihan</option>
                <option value="3" <?php if( $r['pekerjaan']==3) echo 'selected';?> > Keamanan</option>
                <option value="4" <?php if( $r['pekerjaan']==4) echo 'selected';?> > Guru</option>
            </select>
        </td>
 
    </tr>
<?php endwhile; ?>
</table>
 
<!-- script update -->
 
    <script type="text/javascript">
        $(document).ready( function(){
            $('.status_pekerjaan').change(function(){
                var id_pegawai = $(this).attr('id-pegawai');
                var pekerjaan = $(this).val();
 
                $.ajax({
                    type :'POST',
                    url  :'update_proses.php',
                    data :{
                          id_pegawai : id_pegawai,
                          pekerjaan  : pekerjaan
                        },
                    success : function(result){
                        alert(result);
 
                    }
                });
 
            });
        });
    </script>
 
<!-- END script update -->   


update_proses.php

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php 
    require_once'index.php'; 
    if(isset($_POST['id_pegawai']))
    {
        $id_pegawai = $_POST['id_pegawai'];
        $pekerjaan  = $_POST['pekerjaan'];
 
        $q = "UPDATE user SET pekerjaan='$pekerjaan' WHERE id='$id_pegawai' ";
        $myq = mysqli_query($koneksi, $q);
        if($myq) echo "berhasil diganti";
        else echo 'gagal ganti';
    }
 
?>


#hasil_nya


user memilih status pekerjaan

saat user telah memilih menu dropdown, maka akan muncul pop up atau alert javascript bahwa update telah berhasil

Terima Kasih
Thank's

TAG TAGS :
update data dengan dropdown menggunakan ajax Jquery dan Mysql dengan PHP| update data otomatis tanpa menekan tombol simpan | update data otomatis | update data otomatis dengan Jquery Ajax | menyimpan data otomatis dengan Jquery Ajax | cara passing data dengan dropdown di jquery ajax | kotak pencarian data dengan ajax di php | automatically ajax Jquery | how to update query with ajax jQuery | how to update query with ajax after select on dropdown | ajax update with dropdown option onchange | update data from mysql using dropdown with ajax |


BACA JUGA :

SOURCE :
- https://stackoverflow.com/questions/42453785/update-the-value-of-select-box-with-php-mysql-jquery-ajax
- https://stackoverflow.com/questions/10365464/submit-form-on-select-change-via-ajax


Read More

, , , , , ,

      edit
Published October 14, 2020 by RIT with 1 comment

TUTORIAL SETTING DATABASE MICROSOFT ACCESS PADA XAMPP DAN PHP BAGIAN KE 2


Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Terima kasih telah berkunjung di media pembelajaran bahasa program online langsungkoding.blogspot.com ,

Hello in my post this week I Am share tutorial setting database use XAMPP PART 2 ok langsung saja.



Pada tutorial sebelum nya membahas mengenai setting database microsoft access pada php.ini, lalu lanjut membuat database pada microsoft access, sekarang setting lanjutan agar database bisa diakses oleh bahasa program seperti php atau yg lainnya.

Buka Control panel caranya klik start ketik pada pencarian nya control panel

Lalu pilih administrasi tools

Pilih Data Sources (ODBC).

Pilih Tab atau menu System DSN, pilih tombol Add

Lalu akan muncul tampilan seperti ini, pilih Driver do Microsoft Access (*.mdb)

Akan muncul tampilan seperti gambar dibawah ini, isi kolom Data Source Name terserah anda, di tutorial ini di isi nama db_karyawan Lalu pilih tombol Select

Muncul Tampilan seperti gambar dibawah, pilih letak penyimpanan file database / Microsoft Access yg telah kita buat tadi, Pilih nama databasenya atau klik seperti pada gambar no 2 warna biru Pilih Ok.


Thank's
Terima Kasih.

Tag :
Microsoft Access | Database Microsoft Access | Microsfot Access With PHP| How to SETTING DATABASE Microsfot Access in php.ini | PHP.ini | How to Connect database in MICROSOFT ACCESS ON PHP | PHP | XAMPP | cara setting database pada php.ini pada xampp | merubah setting database agar terbaca pada php dengan Microsoft Access | bagian ke 2 | bagian kedua |


BACA JUGA :


Read More

,

      edit
Published October 14, 2020 by RIT with 0 comment

CARA MEMBUAT DATABASE PADA MICROSOFT ACCESS


Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Terima kasih telah berkunjung di media pembelajaran bahasa program online langsungkoding.blogspot.com ,

Hello in my post this week I Am share tutorial create database use microsoft access, ok langsung saja.


Buka aplikasi microsoft access nya maka tampilannya akan seperti dibawah ini. Pilih blank database. Beri nama dan pilih folder yg anda ingin kan, pada tutorial ini menggunakan default penyimpanan yaitu tersimpan pada document.


Akan ada tampilan awal seperti ini.


Pada gambar dibawah ini adalah database yang akan dibuat pada tutorial ini.


Bagaimana caranya ? pada tampilan awal klik kanan pada tulisan ID Pilig Rename Column untuk merubah nama menjadi id_karyawan lalu.


Klik 2x pada kolom tulisan Add New Field untuk membuat kolom baru sekaligus memberi nama pada kolomnya.

Klik pada Tulisan Table1 diatas id_karyawan untuk memberi nama pada table nya.

Beri nama tb_karyawan, lalu klik ok untuk menyimpan

Setelah itu tampilan akan seperti berikut, lanjutkan dengan klik 2x pada tlisan tb_karyawan : Table

Setelah kembali ke tampilan awal isi database nya dengan klik pada kolom nama_karyawan tulis nama karyawannya dan alamat_karyawan tulis alamat karyawannya, id_karyawan tidak perlu di isi karena akan otomatis terisi sendiri. Untuk nama karyawan dan alamat isi sebanyak 5 atau 10 karyawan.

Hasilnya akan seperti ini, di sini hanya terisi 6 karyawan

Tekan tombol start yg melingkar diatas pilih Save As dan pilih Access 2002-2003 Database untuk menyimpan. Jangan lupa pilih folder yg mudah pada contoh ini saya menyimpan di localdisk d


Thank's
Terima Kasih.

Tag :
Microsoft Access | Database Microsoft Access | Microsfot Access With PHP| How to CREATE DATABASE IN Microsfot Access | MEMBUAT DATABASE PADA MICROSOFT ACCESSS | langsugnkoding | langsungkoding | langs | langsung | koding


BACA JUGA :






Read More

,

      edit
Published September 22, 2020 by RIT with 0 comment

SQL - LEFT JOIN DENGAN NULL DATA DAN DALAM KONDISI KLAUSA ON

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

source picture : https://favpng.com

Pada kasus ini adalah menampilkan data per santri yang telah membayar dan belum membayar spp, mulai bulan pertama hingga bulan akhir atau 1-11, jika menggunakan query left join biasa, akan menampilkan semua data santri, nah disini kasus nya ingin menampilkan data per santri atau ( 1 orang santri ), jika kita menggunakan klausa WHERE maka hanya menampilkan data yg sudah membayar saja, atau data yang sesuai dengan klausa WHERE, setelah beberapa hari menemukan query ini :
left join "tabel_yang_dijoin" ON tabel_left_join.id_kolom = tabel_yang_dijoin.id_kolom AND nis_santri='nomor_unik_santri'
namun di left join ini, saya menggunakan union untuk menampilkan row tanggal, agar tidak membuat table baru, dengan alasan yang tidak jelas juga mungkin agar ringan, dan tidak banyak-banyak membuat tabel. Saya menggunakan mysql phpmyadmin untuk menjalankan query ini karena saya hampir sama query nya dengan database lain.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
SELECT b.bulan_spp as bulan_union, spp.bulan_spp
FROM (
SELECT '1' AS
bulan_spp
UNION SELECT '2' AS
bulan_spp
UNION SELECT '3' AS
bulan_spp
UNION SELECT '4' AS
bulan_spp
UNION SELECT '5' AS
bulan_spp
UNION SELECT '6' AS
bulan_spp
UNION SELECT '7' AS
bulan_spp
UNION SELECT '8' AS
bulan_spp
UNION SELECT '9' AS
bulan_spp
UNION SELECT '10' AS
bulan_spp
UNION SELECT '11' AS
bulan_spp
UNION SELECT '12' AS
bulan_spp) AS b
 
left join tb_spp as spp on spp.bulan_spp=b.bulan_spp AND spp.nis_santri=170416

Terima Kasih
Thank's

source : https://www.sqlservertutorial.net/sql-server-basics/sql-server-left-join/

TAG TAGS :
QUERY JOIN | QUERY LEFT JOIN | QUERY SQL LEFT JOIN | LEFT JOIN ON CLAUSE | QUERY SQL | HOW TO QUERY LEFT JOIN | HOW TO LEFT JOIN


BACA JUGA :




Read More

, ,

      edit
Published August 28, 2020 by RIT with 0 comment

CODEIGNITER - TAMBAH DATA KE DALAM DATABASE MYSQL - INSERT DATA KE DATABASE

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,




untuk memulai tutorial ini, buat file baru didalam folder folder_view_blog dengan nama file nya view_blog_insert.php , di episode sebelumnya telah membuat kode untuk meanmpilkan data  disini   di episode sebelumnya membuat kode menampilkan data disetiap file routes, blog_controller, blog_model, nah di episode ini tambah kan saja kode dibawah nya pada kode yg pernah dibuat sebelumnya langsung saja kode nya di bawah ini, tinggal copypaste dan sesuaikan dengan file routes.php , blog_controller.php , blog_model.php dan view_blog_insert.php  

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
 
# insert data
$route['folder_view_blog/view_blog_insert'] = 'blog_controller/insert_cntrl';
 
# baris 5 pada kode folder_view_blog adalah acuan link yg akan digunakan saat user akses halaman input
 
# baris 5 pada kode /view_blog_insert nama file yg terdapat dalam folder views/folder_view_blog
 
# baris 5 pada kode  blog_controller adalah nama controller nya 
 
# baris 5 pada kode insert_cntrl adalah nama fungsi nya yg berisi kode insert data
 
// ----------------------------------------------
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
    public function insert_cntrl(){
        $this->load->helper('form'); 
 
        # untuk mempersingkat link pada form
 
        # biasanya kita akan mengetik form method=post action=linknya
         
        # nah dengan menggunakan ini kamu tidak perlu susah2 mengtik hal tersebut
         
        $this->load->library('form_validation');
 
        # pada library('form_validation') adalah untuk menampilkan error pada view nya
 
        # dimana saat user tidak mengisi atau ngawaur maka error ini akan muncul.
         
 
        $this->form_validation->set_rules('judul_form','judul harus di isi','required');
        $this->form_validation->set_rules('konten_form','konten','required');
 
        # pada script form_validation->set_rules adalah yang harus ada karena 
 
        # satu paket dengan kode library('form-validation') 
 
        if($this->form_validation->run() === FALSE){ //saat salah atau belum di isi formnya maka tetap di halaman ini
            $this->load->view('folder_view_blog/view_blog_insert');
 
            # pada script view('folder_view_blog/view_blog_insert') adalah untuk menampilkan form view_blog_insert
 
        }else {
            $this->blog_model->insert_blog_model(); //
            redirect('folder_view_blog'); // akan menampilkan halaman index, jika input sudah benar
        }
 
    }  
}
 
 
# ----------------------------------------------------------------------------
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
    public function insert_blog_model(){
 
        $data = array(
            'jdl_blog' => $this->input->post('judul_form'),
 
            'isi_blog' => $this->input->post('konten_form')
 
             # pada script $data adalah nama variable dari array yg telah mendapatkan isi/inputan dari form view_blog_insert.php
 
             # pada script jdl_blog dan isi_blog adalah nama kolom pada table database kamu
 
             # pada script ->input->post('judul_form') adalah nama form inputan pada view_blog_insert.php
        );
 
        return $this->db->insert('tb_blog', $data);
 
        # pada script db->insert adalah metode insert dimana kamu akan memasukkan data baru ke table kamu
 
        # pada script 'tb_blog' adalah nama table database kamu yg sudah dibuat
 
        # pada script $data adalah variabel yg berasal dari variabel array pada baris 18 
 
    }
 
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php echo  validation_errors(); // untuk menampilkan error nya ?> 
 
<?php echo form_open('blog_controller/insert_cntrl'); ?>
<!-- 
    pada script form_open fungsi nya sama seperti kita membuat tag form 
    hanya saja kita tidak perlu membuat selengkap biasanya, karena telah di atasi
    oleh library codeigniter
-->
 
    <label>Judul</label><br>
    <input type="text" name="judul_form"><br>
 
    <label>konten</label><br>
    <textarea name="konten_form" rows="8" cols="40"></textarea><br>
 
    <input type="submit" name="submit" value="simpan">
 
 
<?php echo form_close(); ?>
 
<!-- 
    pada script form_close sebagai penutup,  
    dan harus ada.
    -->

Terima Kasih
Thank's

TAG TAGS :
CARA TAMBAH DATA KE DATABASE MYSQL DENGAN CODEIGNITER | CARA INSERT DATA KEDALAM DATABASE PADA CODEIGNITER | CODEIGNITER | PHP | FRAMEWORK CODEIGNITER | INSERT CODEIGNITER | HOW TO INSERT DATA FROM FORM WITH CODEIGNITER | HOW TO CREATE DATA ON CODEIGNITER


BACA JUGA :




Read More

,

      edit
Subscribe to: Posts (Atom)