Menjalankan Javascript setelah AJAX dipanggil

BY IN AJAX Comments Off on Menjalankan Javascript setelah AJAX dipanggil

Beberapa kali hal ini menjadi kendala dari beberapa programmer, dimana pada saat satu fungsi AJAX dipanggil, kita tidak dapat menjalankan fungsi Javascript yang seharusnya bisa dijalankan sebelum AJAX dieksekusi. Saya ambil contoh fungsi datepick-nya jQuery. Fungsi ini digunakan untuk mengambil tanggal sistem dan menampilkannya dalam bentuk mini kalender yang sangat praktis penggunaannya. Sayangnya fungsi ini

CONTINUE READING …

Facebox – mendisable close dari klik di sembarang tempat

BY IN AJAX Comments Off on Facebox – mendisable close dari klik di sembarang tempat

Ada yang masih suka main2 dengan facebox? Facebox cukup powerful untuk dapat digunakan sebagai pop up untuk informasi yang diambil dari database. Saya memilih menggunakan facebox karena penggunaannya yang sangat sederhana. Bahkan dengan facebox, kita dapat memanfaatkan facebox untuk melakukan proses browse, yaitu seek ke tabel tertentu untuk memilih data yang kita butuhkan. Namun hal

CONTINUE READING …

AJAX dengan metode POST

BY IN AJAX Comments Off on AJAX dengan metode POST

Setelah cukup lama tidak memposting tips2 seputar pemrograman, berikut ini adalah contoh penulisan fungsi AJAX dengan menggunakan metode POST. Dengan metode POST, parameter string yang dipassing tidak akan terlihat sebagaimana jika kita menggunakan metode GET. Analoginya dengan GET pun cukup mudah. Berikut penulisan scriptnya: var t=continue; var queryString=”t=”+t; ajaxRequest.open(“POST”,”process.php”,true); ajaxRequest.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”) ajaxRequest.send(queryString); Dan jangan lupa di

CONTINUE READING …

Update Multi DIV dengan AJAX

BY IN AJAX Comments Off on Update Multi DIV dengan AJAX

Beberapa teman menanyakan kepada saya, apakah mungkin melakukan update pada beberapa DIV yang berbeda, hanya dengan satu kali pemanggilan fungsi AJAX? Ternyata hal tersebut dapat dilakukan dengan mudah. Aplikasi ini pernah saya gunakan untuk merefresh dua DIV pada satu halaman website, dimana yang satu berisi data yang saya ambil dari MySQL sementara yang satu lagi

CONTINUE READING …

AJAX di Browser Safari

BY IN AJAX 2 COMMENTS

Benarkah AJAX tidak berjalan dengan baik di browser Safari? Saat saya membuat program online tiketnya Broken Wings, saya menyadari bahwa form untuk pembelian tiket ternyata tidak berjalan dengan baik di browser Safari. Bahkan beberapa fungsi AJAXnya tidak jalan. Aneh sekali, padahal di browser Mozilla Firefox, semua berjalan dengan baik. Dari beberapa riset di internet ternyata

CONTINUE READING …

Otorisasi Password dengan AJAX

BY IN AJAX Comments Off on Otorisasi Password dengan AJAX

Untuk melakukan proses login, kita dapat juga memanfaatkan AJAX untuk mengirimkan variabel yang dimasukkan user dan melakukan proses pengecekan dengan PHP. Langsung saja, kita buat dulu fungsi AJAXnya di halaman login. function Authorize(){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest(); } catch (e){

CONTINUE READING …

Contoh Membuat file XML dengan AJAX

BY IN AJAX Comments Off on Contoh Membuat file XML dengan AJAX

Langsung saja, berikut file HTMLnya. 1. <html> 2. <head> 3. <script language=”javascript”> 4. function new_XHR() { 5. var xhr; 6. try{ 7. xhr = new ActiveXObject(“Msxml2.XMLHTTP”); 8. }catch(e){ 9. try{ 10. xhr = new ActiveXObject(“Microsoft.XMLHTTP”); 11. }catch(E){ 12. xhr = false; 13. } 14. } 15. if(!xhr && typeof XMLHttpRequest != ‘undefined’){ 16. xhr =

CONTINUE READING …

Membuat Dialog Popup

BY IN AJAX 2 COMMENTS

Dengan jQuery kita masih bisa membuat dialog popup yang bervariasi. Berikut adalah salah satu contohnya: Letakkan script berikut pada bagian HEAD <script type=”text/javascript”> $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $(‘a.poplight[href^=#]’).click(function() { var popID = $(this).attr(‘rel’); //Get Popup Name var popURL = $(this).attr(‘href’); //Get

CONTINUE READING …

AJAX dalam satu js file

BY IN AJAX Comments Off on AJAX dalam satu js file

Implementasi AJAX bisa bermacam2. Seorang teman saya memasukkan semua fungsi AJAXnya ke dalam satu js file, yang akan dengan mudah diload ke dalam file yang membutuhkan fungsi AJAX tersebut. var xmlhttp; //variabel ini untuk menampilkan halaman yang sudah diupdate var mydiv; Salah satu contoh fungsinya adalah sebagai berikut: function showTransactions(str,str1) { xmlhttp=GetXmlHttpObject(); if (xmlhttp==null) {

CONTINUE READING …

Membuat Timer dengan AJAX

BY IN AJAX Comments Off on Membuat Timer dengan AJAX

Mungkin seringkali kita bertanya2, bagaimana caranya membuat timer yang realtime pada halaman web kita. Salah satu contoh yang mungkin kita tahu adalah game Mafia Wars dari Facebook. Karena Facebook diakses di seluruh dunia dimana menggunakan zona waktu yang berbeda, maka tidak mungkin kita menggunakan time yang ada di client. Dan timer ini akan tetap tersimpan

CONTINUE READING …

AJAX: display nilai dari tabel automatically

BY IN AJAX Comments Off on AJAX: display nilai dari tabel automatically

Terkadang kita membutuhkan melihat sebuah nilai yang ada di database lalu ditampilkan di website, tanpa trigger dari user. Artinya kita memanggil fungsi AJAX secara terus menerus, untuk dapat memantau sebuah nilai yang tersimpan dalam database kita. Pertama2 kita buat fungsi AJAXnya dulu: <html> <head> <script language=”Javascript”> function postRequest(strURL) { var xmlHttp; if (window.XMLHttpRequest) { //

CONTINUE READING …

AJAX: Study Case

BY IN AJAX Comments Off on AJAX: Study Case

Anggaplah ada satu database sbb: CREATE database `pabrik`; CREATE TABLE `lampu`.`status` ( `id` INT( 6 ) NOT NULL AUTO_INCREMENT PRIMARY KEY , `Nama` VARCHAR( 10 ) NOT NULL , `statusA` ENUM( ‘1’, ‘2’, ‘3’ ) NOT NULL , `statusB` ENUM( ‘1’, ‘2’, ‘3’ ) NOT NULL ) ENGINE = MYISAM ; anggap saja ada 3

CONTINUE READING …

Membuat Slideshow dengan jQuery

BY IN AJAX 14 COMMENTS

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

CONTINUE READING …

AJAX Time

BY IN AJAX Comments Off on AJAX Time

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

CONTINUE READING …

Sinkronisasi variabel AJAX dan PHP

BY IN AJAX Comments Off on Sinkronisasi variabel AJAX dan PHP

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

CONTINUE READING …

Array dalam AJAX

BY IN AJAX Comments Off on Array dalam AJAX

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,

CONTINUE READING …

Aplikasi AJAX

BY IN AJAX Comments Off on Aplikasi AJAX

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

CONTINUE READING …

AJAX Compatibility

BY IN AJAX Comments Off on AJAX Compatibility

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

CONTINUE READING …

Loading saat proses AJAX

BY IN AJAX Comments Off on Loading saat proses AJAX

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

CONTINUE READING …

Facebox: Triggered from Flash button

BY IN AJAX Comments Off on Facebox: Triggered from Flash button

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

CONTINUE READING …