Berikut adalah cara membuat slide show dengan jQuery: <script type=”text/javascript” src=”js/jquery-1.3.1.min.js”></script> <script type=”text/javascript”> $(document).ready(function() { //Execute the slideShow slideShow(); }); function slideShow() { //Set the opacity of all images to 0 $(‘#gallery a’).css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $(‘#gallery a:first’).css({opacity: 1.0}); //Set the caption background to semi-transparent
Berikut adalah contoh penggunaan AJAX dalam mengambil waktu yang ada di server. Aplikasi ini sering digunakan dalam game real time <html> <head> <title>Ajax Example</title> <script language=”Javascript”> function postRequest(strURL) { var xmlHttp; if (window.XMLHttpRequest) { // Mozilla, Safari, … var xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE var xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
Variabel memegang peranan yang sangat penting dalam pemrograman. Saat kita menggunakan AJAX, mungkin akan timbul masalah, bagaimana agar variabel PHP dikenal di AJAX atau sebaliknya? Berikut ini adalah contoh variabel PHP yang dapat dibaca di AJAX: var waktubooking='<?php echo date(“Y-m-d H:i:s”)?>’; Sedangkan sebaliknya, kita dapat mengirimkan query string ke halaman PHP sehingga PHP dapat me-GET
Dalam mengembangkan web, AJAX sering digunakan oleh para web developer untuk membuat halaman webnya lebih dinamis dan lebih cepat aksesnya. Metode getElementById sering digunakan untuk mengirimkan query string, yang dapat di GET oleh PHP. Yang menjadi persoalan sekarang, apakah kita dapat mengirimkan query string berupa variabel array? Jika kita perlu menampilkan data dari suatu tabel,
Berikut ini adalah contoh aplikasi AJAX. Function di bawah ini dapat ditrigger melalui event Java Script, diantaranya yang cukup populer adalah event onClick. Akan ada pengecekan status object XMLHttpRequest. Jika property readyState sudah sama dengan 4, maka hasil output akan ditampilkan, menimpa sebagian halaman web yang sudah kita set sebelumnya. Jika tidak, kita dapat menampilkan
Teknologi AJAX yang memungkinkan terjadinya komunikasi dengan server tanpa harus meload ulang halaman web, dimungkinkan dengan adanya object XMLHttpRequest. Pada beberapa browser, sebelum kita dapat menggunakan object ini, kita perlu cek apakah browser client support AJAX atau tidak. Hal ini dapat dengan mudah dilakukan dengan mengeksekusi script sebagai berikut: var ajaxRequest; // The variable that
Katakanlah kita mempunyai halaman registrasi untuk user dan kita hendak menggunakan AJAX untuk mengecek apakah user yang dimasukkan ada atau tidak. Langkahnya adalah sebagai berikut: 1. Menggunakan even onChange pada text field 2. Ambil nilai yang diinputkan dan proses Ajax 3. Proses Ajax output untuk mengembalikan nilai ada atau tidak pada div atau span tag
Beberapa rekan bertanya kepada saya, apakah facebox dapat dipanggil dari button flash? Saya pikir bisa saja. Karena di dalam flash ada action script dan kita dapat menggunakan javascript juga jika memang diperlukan. Jadi perintahnya seperti ini: on (release) { javascript(“jQuery.facebox(‘popup.htm’)”); } pada contoh diatas, saya asumsikan sudah ada tombol yang dibuat dan tinggal mengetikkan perintah
Jika suatu saat kita menggunakan facebox untuk menampilkan image, ternyata ada satu hal yang harus dicatat. Apabila kita hanya memasukkan tag img src tanpa ada hal lain, ternyata hal tersebut akan membuat tampilan facebox tidak center. Salah satu cara mengatasi hal ini adalah dengan memasukkan image tersebut ke dalam suatu tabel dengan syarat width tabel
Saat menggunakan Facebox untuk menampilkan dialog, apabila pada halaman yang sama terdapat shockwave flash, ternyata file SWF tersebut tidak dapat ditumpuk oleh dialog facebox. Agar facebox dapat menumpuk shockwave flash, kita perlu mengesetnya menjadii transparent. Berikut adalah contoh codenya. Perhatikan teks yang dicetak tebal. <OBJECT classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0″ WIDTH=780 HEIGHT=143> <PARAM NAME=movie VALUE=”banner.swf”> <PARAM NAME=quality VALUE=high>
Saat Facebox diload, secara default akan ada tombol close, dimana saat kita klik, facebox akan diclose. Kita dapat memindahkan halaman ke halaman lain pada saat facebox diclose. Untuk melakukan itu, kita perlu memodifikasi sedikit pada file facebox.js. Ubah bagian ini <a href=”#”> dengan <a href=”javascript:void(0);” onclick=”pindah()”> Lalu tambahkan script berikut untuk proses redirectnya <script language=”JavaScript”>
Aplikasi form sering kita gunakan dalam membuat webpage. Apa yang terjadi jika kita mensubmit form dalam facebox? Faceboxnya akan close dengan sendirinya dan result akan ditampilkan di halaman biasa. Apakah kita bisa menampilkan result form di dalam facebox yang sama? Ternyata jawabannya bisa, dengan menggunakan function ajaxForm. Kita dapat menambahkan script berikut pada halaman dimana
Beberapa object yang bisa kita load di dalam facebox; ditrigger melalui link yang diklik user: 1. Teks biasa ataupun dengan style <a href=”javascript: jQuery.facebox(‘Saya di dalam facebox’);”>Teks biasa</a><br/> <a href=”javascript: jQuery.facebox(‘Saya di dalam facebox’, ‘my-style’);”>Teks dengan style.</a><br/> 2. Image biasa ataupun dengan style <a href=”javascript: jQuery.facebox({image:’foto.jpg’});”>Image biasa</a><br/> <a href=”javascript: jQuery.facebox({image:’foto.jpg’}, ‘my-style’);”>Image dengan style.</a><br/> 3. HTML
Untuk membuka sebuah link dan menampilkannya ke dalam facebox adalah hal yang cukup sederhana. Kita dapat melakukannya dengan dua cara, Cara yang pertama adalah yang paling gampang, yaitu menambahkan parameter rel ke dalam tag <a href> Contoh: <a href=”tes.html” rel=”facebox”>testing</a> apabila link ini diklik, maka tes.html akan ditampilkan ke dalam dialog facebox. Cara yang kedua,
Saya yakin banyak diantara kita yang punya account facebook. Facebook merupakan situs social networking yang paling populer saat ini. Pernahkah kita berpikir bagaimana facebook itu dibuat? Beberapa orang berpendapat, facebook dibuat dengan full aplikasi AJAX yang dikombinasikan dengan bahasa pemrograman server side yang konon kabarnya paling populer saat ini, yaitu PHP. Facebook terkenal bukan hanya
Mengapa menggunakan AJAX? Dengan AJAX, kita bisa mengambil data dari database tanpa harus refresh halaman. Hal ini tentu saja memberikan beberapa keuntungan diantaranya proses query database menjadi jauh lebih cepat, jika dibanding cara lama, karena sebenarnya ada proses server side yang sedang berjalan, hanya saja user tidak sempat merasakannya, seolah-olah prosesnya hanya terjadi diclient. Berikut
