Facebox: Loading Image

BY IN AJAX Comments Off on Facebox: Loading Image

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

CONTINUE READING …

Facebox: tidak bisa menumpuki Flash

BY IN AJAX 2 COMMENTS

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>

CONTINUE READING …

Facebox: Redirecting

BY IN AJAX Comments Off on Facebox: Redirecting

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”>

CONTINUE READING …

Facebox: Submitting Form inside facebox

BY IN AJAX Comments Off on Facebox: Submitting Form inside facebox

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

CONTINUE READING …

Facebox: Object inside facebox

BY IN AJAX Comments Off on Facebox: Object inside facebox

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

CONTINUE READING …

Facebox: Opening link inside facebox

BY IN AJAX Comments Off on Facebox: Opening link inside facebox

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,

CONTINUE READING …

Facebox: Introduction

BY IN AJAX Comments Off on Facebox: Introduction

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

CONTINUE READING …

Mengisi List Menu dengan AJAX

BY IN AJAX Comments Off on Mengisi List Menu dengan AJAX

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

CONTINUE READING …