Widi Utami

Cara menggunakan fungsi fadeIn() dan fadeOut() pada JQuery adalah sebagai berikut. ELemen yang akan diberi event, dalam hal ini menggunakan event hover //perhatikan id yang digunakan <div id=”hover”>Hover/sorot aku</div> Tampilan/pesan ketika sudah dihover/disorot //perhatikan id yang digunakan <div id=”msg”>Horee!! Aku berhasil membuat fadeIn() dan fadeOut()</div> Script JQuery hover //import file jQuery<script type=”text/javascript” src=”sumber/jquery.js”></script><script type=”text/javascript”>//agar jQuery … Read more

Pernah melihat menu yang ketika disorot menampilkan sub menu dengan animasi slide? pernah bertanya bagaimana cara membuatnya? sudah ketemu? sudah bisa? Pada artikel ini akan dibahas fungsi JQuery dasar sebelum melanjutkan ke pembahasan pembuatan menu drop down dengan animasi slide.Sekarang, pelajari dulu dasar-dasarnya, berlatih terus menerus dan coba dimodifikasi sesuai kehendak hati. Kalau kesulitan, tanyakan … Read more

Fungsi hover biasanya digunakan untuk membuat menu dropdown pada sebuah website.  Namun, tidak hanya untuk itu fungsi hover digunakan. Misalnya ketika kita ingin gambar yang disorot melakukan animasi berputar, zoom, fade, slide dan lain sebagainya, maka kita memerlukan fungsi hover jika menggunakan JQuery.Di bawah ini sedikit contoh penggunaan fungsi hover untuk menampilkan dan menyembunyikan sebuah … Read more

Cara menggunakan fungsi onClick pada JQuery adalah sebagai berikut. ELemen yang diklik //perhatikan id yang digunakan <div id=”klik”>klik aku</div> Tampilan/pesan ketika sudah diklik //perhatikan id yang digunakan <div id=”msg”>Terimakasih telah berkenan menyentuhku</div> Script JQuery onClick //import file jQuery<script type=”text/javascript” src=”sumber/jquery.js”></script><script type=”text/javascript”>//agar jQuery bekerja ketika dokumen siap$(document).ready(function(){//menyembunyikan isi pesan $(‘#msg’).hide();//memberi event onclick pada id klik$(‘#klik’).click(function(){//memberi tugas … Read more

0 _toggle add addClass after ajaxComplete ajaxError ajaxSend ajaxStart ajaxStop ajaxSuccess andSelf animate append appendTo attr before bind blur change children clearQueue click clone closest constructor contents context contextmenu css data dblclick delay delegate dequeue detach die domManip each empty end eq error extend fadeIn fadeOut fadeTo fadeToggle filter find first focus focusin focusout get … Read more

Membuat autocomplete searchform dari database yang dimaksud di sini adalah membuat suggestion term sebagaimana yang ada pada pencarian Google. Misalnya, ketika memasukkan keyword pada searchform Google dengan kata Pepaya, maka akan muncul istilah terkait pepaya yang disajikan. Entah itu pepaya muda, pepaya Hongkong,  pepaya untuk diet, pepaya untuk ibu hamil dan lain sebagainya. Pembuatan autocomplete … Read more

Cara cek apakah user atau data yang akan diinput sudah ada pada database adalah sebagai berikut: Buat form untuk cek <h4>Tambah Data</h4><form name=”tambah” id=”tambah” action=”t.php” method=”post”><fieldset><input name=”is” type=”text”/><br/><textarea name=”de” type=”text”></textarea><br/><input type=”submit” value=”Tambah” name=”tambah”/></fieldset></form> Buat setting koneksi PHP-Mysql  <?phpsession_start();$hostname_kon = “Localhost”;$database_kon = “siswa”;$username_kon = “root”;$password_kon = “”;$kon = mysql_pconnect($hostname_kon, $username_kon, $password_kon)or die(“Could not connect: ” . … Read more

Membuat form untuk update dtabase <h4>Update</h4><form name=”update” id=”update” action=”t.php” method=”post”>         <fieldset><input name=”isi” type=”text” value=”<?php echo $a;?>”/><textarea style=”width:100%”  name=”def” type=”text”><?php echo $b.”<p>”.$definisi.”</p>”;?></textarea><input type=”submit” value=”Update” name=”update”/></fieldset></form> Membuat koneksi database PHP-Mysql <?phpsession_start();$hostname_kon = “Localhost”; // server$database_kon = “siswa”; // nama database$username_kon = “root”; //nama user database$password_kon = “”; // password database$kon = mysql_pconnect($hostname_kon, $username_kon, $password_kon)  or die(“Could not connect: ” … Read more

Cara membuat sitemap atau kumpulan link dinamis dari database menggunakan PHP dan Mysql adalah sebagai berikut. <?php   $databaseServer = “localhost”; $databaseUsername = “username”; $databasePassword = “password”; $databaseName = “database”; $databaseTable = “tablename”; header(“Content-Type: text/xml”);   function xmlentities($text)   { $search = array(‘&’,'<‘,’>’,'”‘,”’); $replace = array(‘&amp;’,’&lt;’,’&gt;’,’&quot;’,’&apos;’);     return str_replace($search,$replace,$text);     }   print chr(60).”?xml version=’1.0′ … Read more