AJAX

contactwahyu on February 27th, 2013

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 about Menjalankan Javascript setelah AJAX dipanggil

contactwahyu on February 25th, 2013

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 about Facebox – mendisable close dari klik di sembarang tempat

contactwahyu on February 24th, 2013

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 about AJAX dengan metode POST

contactwahyu on January 16th, 2012

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 about Update Multi DIV dengan AJAX

contactwahyu on February 20th, 2011

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 about AJAX di Browser Safari

contactwahyu on February 16th, 2011

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 about Otorisasi Password dengan AJAX

contactwahyu on February 11th, 2011

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 about Contoh Membuat file XML dengan AJAX

contactwahyu on February 11th, 2011

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 about Membuat Dialog Popup

contactwahyu on February 11th, 2011

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 about AJAX dalam satu js file

contactwahyu on February 11th, 2011

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 about Membuat Timer dengan AJAX

contactwahyu on February 11th, 2011

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 about AJAX: display nilai dari tabel automatically

contactwahyu on February 11th, 2011

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 about AJAX: Study Case

contactwahyu on February 11th, 2011

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 about Membuat Slideshow dengan jQuery

contactwahyu on February 11th, 2011

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 about AJAX Time

contactwahyu on February 11th, 2011

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 about Sinkronisasi variabel AJAX dan PHP

contactwahyu on February 11th, 2011

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 about Array dalam AJAX

contactwahyu on February 11th, 2011

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 about Aplikasi AJAX

contactwahyu on February 11th, 2011

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 about AJAX Compatibility

contactwahyu on February 11th, 2011

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 about Loading saat proses AJAX

contactwahyu on February 11th, 2011

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 about Facebox: Triggered from Flash button