id-rocktips

Posts

Search dan Sorting Multiple Array Option php mysql

Sorting dalam penyajian data atau querry di php dan mysql adalah menampilkan data secara urut sesuai dengan permintaan user, nah kali ini saya menjelaskan sorting dengan multiple option menggunakan array multidimention. Pilihan pertama adalah mencari dengan form search, dengan mengetik keyword pada "form search" dan menekan tombol "cari", Form seach akan mengirimkan Variable "$_POST['keyword']" sebagai "$keyword" dan mencari dengan clause where, dimana concat untuk mencari di semua field, like variable "$keyword". dan data yang dicari akan dii tampilkan pada table di bawahnya. Berikut ini Kodingnya : if(isset($_REQUEST['keyword']) && $_REQUEST['keyword']<>""){ $keyword=$_REQUEST['keyword']; $reload = "index.php?pagination=true&keyword=$keyword"; $sql = "SELECT * FROM tbl_identitas WHERE concat(nama, jenis_kl, gelombang, prodi...

Show And Hide Instantaneously Dengan Jquery

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hide And Show Jquery</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/simple-sidebar.css" rel="stylesheet"> </head> <body> <div id="wrapper">  <div id="sidebar-wrapper"> <ul class="sidebar-nav"> <li class="sidebar-brand"> <a href="#"> ...

rockson.id

yes this is my first website, yes I'm a learner, check it out and see my humble project, rockson.id nice to have a share ....

Page dan Dialog Transition Effect Pada Jquery Mobile

JQuery Mobile Adalah web framework yang dioptimalkan untuk perangkat-perangkat layar sentuh (touch-optimized). sebagai library, jQuery Mobile yang dikenal sebagai library JavaScript maupun framework mobile ini dikembangkan oleh tim jQuery Project. Tujuan pengembangannya adalah berfokus pada pembuatan framework yang kompatibel dengan beraneka ragam perangkat smartphone dan tablet. Data Transition Effect Jquery Mobile memiliki berbagai Variasi dalam cara berpindah dari satu halaman web ke halaman berikutnya. Untuk menggunakan effect tersebut, dibutuhkan browser yang support CSS3 3D Transform. Untuk menggunakan transistion effect pada saat memanggil halaman lain, adalah dengan menambahkan script berikut pada tag <a>....</a> : 1. data-rel adalah data atau halaman yang akan kita panggil 2. data-transition adalah effect yang kita inginkan Contoh : Kamu bisa menambahkan data transition effectnya, berikut pilihannya : Sekian penjelasan untu...

Install dan Buat Web Sederhana Dengan CodeIgniter

Di postingan sebelumnya saya sudah menjelaskan tentang CodeIgniter, kali ini saya akan menerangkan bagaimana instalasi dan membuat web sederhana dengan MVC model CodeIgniter. Pertama Download file CodeIgniter di https://www.codeigniter.com/ Kemudian Copy Zip File CodeIgniter ke "C:\xampp\htdocs\" jika kamu menggunakan Xampp atau "C:\Appserv\www\" Jika kamu menggunakan Appserv, Kemudian Extract File nya Rename folder yang di extract tadi dengan nama "codeigniter" Ubah settingan pada file "C:\xampp\htdocs\CodeIgniter\application\config\config.php" menjadi seperti di bawah ini Jika sudah, masuk ke "localhost/codeigniter" di browser kamu, jika langkah kamu benar maka akan keluar halaman seperti di bawah, selamat kamu telah berhasil menginstall codeigniter, sekarang mari kita lanjutkan dengan membuat halaman dengan metode ini Ubah 'default_controller' pada file " C:\xampp\htdocs\CodeIgnite...

Membuat Multi Column Dengan DIV dan CSS

Pretty sure this one is not so different with my older post " Membuat halaman rapi dengan HTML ", yupsi ... bedanya adalah penggunaan fungsi HTML nya, kali ini saya akan menjelaskan bagaimana membuat halaman yang sama seperti postingan sebelumnya, namun menggunakan fungsi DIV di dalam DIV. oke langsung aja . cekidot ... Pertama buat script HTML nya seperti berikut, perhatikan fungsi div yang kita harus panggil berulang-ulang, pasti lebih mudah jika kita menggunakan fungsi table, yup ... or theres another way ?, but this is for education purpose, that should be okay to learn, right ? hhee Kemudian buat file CSSnya seperti berikut, kita membuat dua buah id='kontainer' untuk mengatur batas width/lebar baris pertama dan kedua dan dua buah class='baris' untuk mengatur baris yang ada di kolom kontainer dan class='gambar' untuk mengatur gambar yang di panggil fungsi "imgsrc" Dan jika kamu benar maka hasilnya akan seperti berikut. ...

Membuat Halaman Rapi dengan Table Di HTML

Mungkin Tidak akan sulit jika kamu ingin membuat gambar dan tulisan yang rapi di halaman HTML menggunakan bantuan Adobe DreamWeaver atau WYSIWYG Web Builder, yup .. tinggal tarik dan ketik yang kamu mau, tapi apa sih sebenarnya isi dari koding tersebut ?. Belum tentu kita tahu kan ?. Berikut saya akan membagi sedikit ilmu bagaimana membuat halaman HTML dengan bantuan table, sengaja di buat screenshoot, supaya ngetik sendiri kodenya jadi bisa lebih ngerti. hhhee ... let's code ...!!! Pertama buat isi atau content yang akan kita susun dengan perintah table <div id="section"> <table align="center" class="sifat"> Koding berikut berfungsi untuk memanggil id dan class dari file css. Kemudian buat file cssnya Dan jangan lupa panggil file CSS nya Akhirnya apabila koding yang kamu lakukan benar maka hasilnya akan seperti ini : Di bagian atas kamu bisa lihat tiga tulisan yang tersusun rapi dengan tulisan da...