Month: October 2016

Membuat Tab Bootstrap Tetap Walaupun Di Refresh

Membuat Tab Bootstrap Tetap Walaupun Di Refresh

Membuat Tab Bootstrap Tetap Walaupun Di Refresh

Membuat Tab Bootstrap Tetap Walaupun Di Refresh – Tab pada bootstrap berfungsi untuk membuat tampilah sebuah desain lebih simpel. Tab bisa terdiri dari lebih satu, dua atau tiga.

Saya mengalami masalah ketika tab yang saya tampilkan lebih dari satu, dan ketika tab yang kedua di klik, dan halaman di refresh, tab akan kembali ke halaman awal atau tab awal. Nah untuk mengatasi itu saya menambahkan beberapa script jquery untuk membuat tab menjadi lebih statis,

FItur ini memanfaatkan cookies dengan script jquery, sama hal nya seperti yang saya alkukan pada paging datatable yang mengalami masalah yang sama dengan tab ini.

Membuat Tab Bootstrap Tetap Walaupun Di Refresh

Penambahan script jquery yang berguna untuk membaut pilihan tab menjadi tetap walalupun halaman di refresh atau di load. Ini berguna untuk menjaga dan membaut user atau pengguna menjadi lebih nyaman tanpa harus mengklik tab yang sebelumnya telah di pilih.

Tempatkan script jquery berikut sebelum tab </body>


<script>
$(function() { //keep tab
 // for bootstrap 3 use 'shown.bs.tab', for bootstrap 2 use 'shown' in the next line
 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
 // save the latest tab; use cookies if you like 'em better:
 localStorage.setItem('lastTab', $(this).attr('href'));
 });

// go to the latest tab, if it exists:
 var lastTab = localStorage.getItem('lastTab');
 if (lastTab) {
 $('[href="' + lastTab + '"]').tab('show');
 }
});
</script>

Demikian modifikasi tab bootstrap agar menjadi lebih nyaman untuk user ketika sedang melihat sebuah tampilan data sebuah web.

Membuat Paging Datatable Bootstrap Tetap Jika di Klik / di Pilih

Membuat Paging Datatable Bootstrap Tetap Jika di Klik / di Pilih

Membuat Paging Datatable Bootstrap Tetap Jika di Klik / di Pilih

Membuat Paging Datatable Bootstrap Tetap Jika di Klik / di Pilih – Bootstrap adalah desain yang sekarang sedang berkembang dalam desain sebuah website. Salah satu plugin yang di kembangkan yang dapat di integerasikan dengan desain bootstrap adalah datatable.

Pada datatable terdapat paging jika data yang di tampilkan berjumlah sangat banyak. Nah masalah yang sering di hadapai termasuk yang saya hadapi yaitu, ketika data pada tabel sangat banyak, dan terdapat paging kita klik salah satu no paging misal 2 atau 10, dan ketika di refresh atau di load kembali maka halaman paging akan otomatis kembali lagi ke bagian awal yaitu halaman satu.

Masalah di atas sangat membaut sebuah desain yang tidak efisien. Setelah mencari referensi sana sini, akhirnya ketemu sebuah fungsi jquery yang dapat membaut pagin halaman tetap statis jika browser di refresh sekalipun.

Paging Tetap jika di Refresh

Caranya cukup simpel dan mudah tambahkan script berikut ini sebelum tag </body> pada bagian bawah atau footer template yang kita gunakan.


<script>
 $(document).ready(function() {
 $('#t1').DataTable({
 responsive: true,
 stateSave: true // keep paging
 });
 });

</script>

Inti dari script yang menjaga agar pagin tetap berada pada posisi ketika di klik yaitu statSave:true Untuk script yang di atasnya adalah fungsi yang lain  yang saya gunakan pada datatable. Begitupula untuk tab pada bootstrap, kadang jika di refresh, maka tab akan kembali pada tab awal.

SQL – Memindahkan Isi Tabel Database Ke Tabel Lain

SQL – Memindahkan Isi Tabel Database Ke Tabel Lain

SQL – Memindahkan Isi Tabel Database Ke Tabel Lain

Memindahkan Isi Tabel Database Ke Tabel Lain – Memindahkan isi sebuah data yang ada pada tabel database baru kali ini Saya lakukan. Pemindahan data kita kenal dengan istilah move atau moving. Sebelunya terlintas di dalam pikiran saya, apakan bisa isi data pada field tabel database di pindahkan ketabel yang lainya. Setelah di coba ternyata Bisa.

Studi kasus:

Saya menggunakan query mysql ini ketika saya membuat sebuah aplikasi sistem informasi jadwal. Yang mana pada aplikasi jadwal tersebut menggunakan sebuah algoritma penjadwalan yang sangat kompleks.

Dengan algoritma yang kompleks dan menggunakan data yang banyak maka proses php yang dilakukan sedikit memakan waktu. Dengan tersebut untuk menghemat resource yang digunakan dalam memproses data tersebut digunakan sebuah tabel temporary yang mana struktur sama dengan tabel utama.

Tabel utama dan tabel temporary tersebut yaitu, tabel jadwal sebagai tabel utama, tabel temp_jadwal sebagai penyimpanan sementera. Struktur kedua tabel tersebut adalah sama. Dengan demikian tidak terjadi perbedaan yang signifikan pada kedua tabel tersebut. Setelah data di pindahkan dari tabel temporary ke tabel jadwal maka data asli yang berada pada data temp_jadwal akan di hapus.

Nah untuk itu saya gunakan query berikut untuk memindahkan data pada tabel temporary jadwal ke tabel jadwal.

Memindahkan Isi Tabel Database Ke Tabel Lain

# Memidahkan beberapa isi tabel bedasarkan kode tertentu


$simpan = $con->query("INSERT INTO jadwal (id_jadwal,tgl_khutbah,id_mubaligh,id_masjid,kd_jadwal) SELECT id_tjadwal,tgl_tkhutbah,id_tmubaligh,id_tmasjid,kd_tjadwal FROM temp_jadwal WHERE kd_tjadwal ='$_GET[kdjadwal]'");
 $delete = $con->query("DELETE FROM temp_jadwal WHERE kd_tjadwal = '$_GET[kdjadwal]'");

Pada contoh diatas saya adalah contoh studi kasus saya, dimana saya menggunakan kondisi peminahan berdasarkan kode jadwal yang telah di tangkap menggunakan fungsi php $_GET. Untuk kontruksi filednya hampir sama dan data yang di pindahkan yaitu seluruh field.

Kasus yang lain yang bisa dilakukan yaitu misalnya pada dua ttabel terdapat hanya beberapa field saja yang sama, kesamaan tersebut meliputi tipe dari tabelnya. maka dapat di insert satu field tersebut saja, kemudian pilih field tabel yang ada pada tabel kedua yang akan di pindahkan.

Inti dari query move sql ini yaitu:

insert – select – delete (pada kasus saya data setelah di pindah akan dihapus)

Oke demikian tutorial cara memindahkan isi tabel antara dua atau beberapa tabel ke tabel yang lain dan mengahpus data t ersebut setelah dipindahkan.

Postingan berikutnya

  1. cara memindahkan 1data dari tabel ke table lain
  2. cara memindahkan data dari tabel 1 ke tabel yang lain dengan insert di codeigniter
  3. cara memindahkan source code
  4. insert satu tabel ke tabel lain codeigniter
  5. memindah data dari tabel sql
  6. memindahka isi tabel ke tabel lain dengan menambah 1 kolom

PHP – Menghancurkan Session Tertentu

PHP - Menghancurkan Session Tertentu

PHP – Menghancurkan Session Tertentu

PHP – Menghancurkan Session Tertentu – menghancurkan session maksudnya adalah menghapus session yang telah di daftarkan pada suatu proses.

Untuk menghilangkan isi dari session biasanya kita menggunakan dengan session destroy. Namun session destroy digunakan untuk mengahpus seluruh session yang telah terdaftar. Hal ini menjadi sebuah masalah ketika ingin menghilangkan salah satu session tanpu mengahpus keseluruhan.

Studi kasus:

Saya menggunakan script php ini ketika saya mendaftarkan sebuah session, yang mana pada variabel session tersebut berisi sebuah style css ketika sebuah proses di submit. Nah ketika data yang di submiter tersebut di hapus atau di delete, maka style css tersebut juga secara otomatis terhapus. Dengan demikian, session yang di hapus atau dihilangkan tidak mempengaruhi session login yang di gunakan untuk login pengguna.

Script php nya sangat simpel.

Menghancurkan Session Tertentu


unset($_SESSION['kdj']);

Untuk kdj, adalah salah satu contoh variabel yang saya masukkan kedalam session, yang akan di dihapus.

Oke demikian sharing script simpel tentang pengahpusan session menggunakan php. Untuk fungsi yang digunakan adalah unset, kegunaan fungsi php unset adalah untuk menghapus atau men disable session yang telah terdaftar. Semoga bermanfaat.

Postingan berikutnya

  1. cara menghapus session termux
  2. Cara hapus sesion termux
  3. cara menghapus sesison dibtermux
  4. destroy session tertentu
  5. hapus sesi termux
  6. script php menghapus data tertentu

PHP – Cara Mengamankan Source (src) Url Gambar

PHP - Cara Mengamankan Source (src) Url Gambar

PHP – Cara Mengamankan Source (src) Url Gambar sumber: davidwalsh.name

Mengamankan Source (src) Url Gambar – Image atau gambar pada sebuah web membutuhkan sebuah source atau link untuk menampilkan gambar pada sebuah browser. Link atau url yang terdapat pada tag gambar kita kenal dengan src.

Untuk menghindari pencurian gambar dari source link gambar yang kita miliki, penting sekali dilakukan pengamanan terdapat link gambar. Pengamanan atau enkripsi ini dalam dunia programming php kita kenal dengan encode script.

Encode adalah sebuah upaya menutupi data asli dari akses secara langsung. Nah untuk tutorial kali ini kita akan menggunakan base64 sebagai sarana untuk menjaga kemananan file gambar agar tidak di salah gunakan.

Cara Mengamankan Source (src) Url Gambar

Sedikit penjelasan tentang tutorial kali ini. Fungsi php yang digunakan yaitu file_get_contents, fungsi tersebut digunakan untuk mendapatkan konten dari sebuah url. Pada kasus ini konten yang di maksud adalah sebuah gambar atau image. Untuk script eknripsi  gambar pada php yang akan kita gunakan yaitu base64_encode.

Encode data dengan menggunakan enkripsi tersebut di desain terintegrasi dengan browser.


$gambar = 'gambar.jpg';

$dataGambar = base64_encode(file_get_contents($gambar));

$src = 'data: '.mime_content_type($gambar).';base64,'.$dataGambar;

echo '<img src="'.$src.'">';

DI atas adalah script php enkripsi url gambar secara terstruktur. Jika pengen lebih otomatis dapat kita masukkan kedalam sebuah fungsi php sehingga kita dapat memanggil fungsi tersebut kapan saja kita mau:

Fungsi php enkripsi url gambar


function enkripsiGambar($image, $mime = '') {
 return 'data: '.(function_exists('mime_content_type') ? mime_content_type($image) : $mime).';base64,'.base64_encode(file_get_contents($image));
 }

Demikian tutorial kemanan dan cara mengamankan gambar agar source urlnya tidak dilihat secara langsung.

Javascript – Mendeteksi Broken Image / Gambar

Mendeteksi Broken Image Url

Mendeteksi Broken Image Url

Javascript – Mendeteksi Broken Image / Gambar  – Ini adalah cara yang paling ringan dan tidak membutuhkan resource besar ketika kita ingin mengetahui sebuah link atau url sebuah gambar atau image apakah rusak atau tidak. Di banding dengan php penggunaan javascript lebih ringan di karenakan eksekusi yang dilakukan adalah di browser klien atau browser pengunjung sebuah web. Untuk cara mendeteksi broken image dengan php silahkan di baca. Kalau untuk saya sendiri saya lebih suka menggunakan javascript, karena lebih menghemat resurce yang kita miliki. Coba bayangkan jika banyak url gambar yang akan kita deteksi, maka ini akan memakan resource yang sangat besar bukan. ?, namun jika ini di eksekusi di klien, maka ekskusi bergantuk pada jaringan yang di miliki klien.

Javascript – Mendeteksi Broken Image / Gambar


<img alt="" src="urlgambar.jpg"
<code>onError="this.onerror=null;this.src='/images/noimage.gif';"</code>
/>

Fungsi yang digunakan adalah onError pada javascript. Selanjutnya untuk mengantisipasi gambar atau source image yang broken tersebut dapat digantikan dengan gambar lain yaitu dengan menempatkan source gambar pengganti pada fungsi
this.src

Demikian cara dengan javascript semoga membantu dan dapat digunakan dengan bijak seperti ini 😀

Postingan berikutnya

  1. mendetejsi gambar dengan javasript