Month: October 2014

Menampilkan modal bootstrap secara dinamis

Masih berkaitan dengan javascript ne.. hehe, tapi menyangkut masalah bootstrap sedikit ya. Yaitu kita akan membahas tentang cara menampilkan modal bootstrap secara dinamis. Apa itu maksudnya? Jadi misalkan kita punya tabel dengan banyak baris dan kita menginginkan bila kita klik salah satu baris, maka data pada baris tersebut akan muncul di dalam kotak modal bootstrap. Contohnya bila kita mengklik baris 1, maka data yang muncul pada modal adalah data baris 1, Bila kita klik baris 2, data yang muncul pada kotak modal bootstrap adalah data baris 2 dan seterusnya. Menampilkan modal bootstrap secara dinamis Langsung saja kita mulai membuatnya....

Read More

Cara menghilangkan koma di akhir json encode

Lagi seneng aman ajax ne.. bahasannya ajax terus. hehe. Pada kesempatan ini saya akan membahas bagaimana cara menghilangkan koma di akhir json encode. Saat kita men generate json dari database, kita biasanya hanya melakukan looping seperti kode berikut ini. ajax.php PHP include 'koneksi.php'; $query = mysql_query('SELECT * FROM dd14 LIMIT 0,3'); echo '{"data" : [ '; while ($data=mysql_fetch_assoc($query)) { echo json_encode($data); echo ","; } echo ']}'; 12345678 include 'koneksi.php';$query = mysql_query('SELECT * FROM dd14 LIMIT 0,3');echo '{"data" : [ ';while ($data=mysql_fetch_assoc($query)) {   echo json_encode($data);   echo ",";}echo ']}'; Hasilnya adalah seperti berikut ini. json JavaScript {"data" : [ {"id14":"2","kode14":"000200","nama14":"Tenaga Pengkaji"},{"id14":"3","kode14":"001000","nama14":"Sekretariat Dit. Jenderal"},{"id14":"4","kode14":"002000","nama14":"Dit. Teknis Kepabeanan"},]} 1 {"data" : [ {"id14":"2","kode14":"000200","nama14":"Tenaga Pengkaji"},{"id14":"3","kode14":"001000","nama14":"Sekretariat Dit. Jenderal"},{"id14":"4","kode14":"002000","nama14":"Dit. Teknis Kepabeanan"},]} Permasalahannya yaitu ada tanda koma di akhir data json (sebelum ]}), hal ini terkadang membuat javascript menjadi tidak mau bekerja. Cara menghilangkan koma di akhir json encode Cara untuk menyelesaikan permasalahan tersebut yaitu gunakan kode sebagai berikut. ajax.php PHP include 'koneksi.php'; $query = mysql_query('SELECT * FROM dd14 LIMIT 0,3'); $jsonResult = '{"data" : [ '; $i=0; while ($data=mysql_fetch_assoc($query)) { if($i != 0){ $jsonResult .=','; } $jsonResult .=json_encode($data); $i++; } $jsonResult .= ']}'; echo $jsonResult; 12345678910111213 include 'koneksi.php';$query = mysql_query('SELECT * FROM dd14 LIMIT 0,3');    $jsonResult = '{"data" : [ ';    $i=0;    while ($data=mysql_fetch_assoc($query)) {       if($i != 0){           $jsonResult .=',';       }       $jsonResult .=json_encode($data);       $i++;    }    $jsonResult .= ']}';    echo $jsonResult; ¬†Hasilnya adalah berikut ini json JavaScript {"data" : [ {"id14":"2","kode14":"000200","nama14":"Tenaga Pengkaji"},{"id14":"3","kode14":"001000","nama14":"Sekretariat Dit. Jenderal"},{"id14":"4","kode14":"002000","nama14":"Dit....

Read More

Mencegah direct access file ajax

Saat kita menggunakan ajax, kita membuat satu halaman yang akan menghandle ajax response. Permasalah muncul ketika ada orang iseng mengakses file ajax tersebut melalui browser. Bila kita tidak melindungi file ajax kita, maka data yang ada bisa dengan mudah dibaca oleh orang tersebut. Untuk mencegah direct access file ajax, ada dua cara yang dapat kita gunakan untuk mencegah direct access file ajax. Cara I : Mencegah direct access file ajax dengan PHP Dengan PHP cukup kita tambahkan kode berikut ini. Kode ini akan mengecek apakah dile diakses secara langsung atau melalui XMLHttpRequest. Kita gunakan if untuk kondisinya. jsonresult.php PHP...

Read More

Menambahkan CSS dan JS pada Codeigniter

Kita lanjut codeigniter yang kemarin ya.. setelah kita kemarin berhasil membuat CRUD dengan codeigniter, kini saatnya kita menambahkan CSS dan JS pada codeigniter. Berikut ini adalah cara menambahkan CSS dan JS pada codeigniter. Step 1 : Buatlah folder asset pada root project anda, sehingga struktur folder tampak seperti gambar pada step 2. Step 2 : Tambahkan file css dan js. Dalam hal ini saya menambahkan bootstrap. Jadi saya buat folder baru bernama bootstrap dan saya tambahkan file css dan js. Step 3 : Untuk menambahkan css, ubahlah file view header.php anda menjadi seperti berikut ini. header.php PHP <!doctype html>...

Read More

Membuat chat ala facebook dengan Freichat (Part 2/2)

Setelah tadi kita buat system user login, kini saatnya kita mengintegrasikan freichat. Download dan instalasi freichat Untuk mengitegrasikan freichat berikut ini adalah langkah-langkah yang harus kita lakukan Step 1 : Download freichat di http://codologic.com/page/codo_commerce/buy. Anda dapat memilih yg free. Letakkan hasil extract freichat di folder yang sama dengan file login tadi. sehingga stuktur folder anda menjadi seperti berikut ini Step 2 : Bukalah http://localhost/harviacodeweb/chat/freichat/ dan klik install Pada pilihan integration type pilih ‘customized’ Step 3 : Isikan setting database dan klik create tables. Freichat akan membuat tabel dalam database anda untuk keperluan freichat. ¬† Step 4 : Copy pastekan...

Read More