ITUTORIAL GROUP

require_once("xajax_core/xajax.inc.php");

$xajax->registerFunction("myFunction")

function myFunction($arg) { // do some stuff based on $arg like query data from a database and // put it into a variable like $newContent $newContent = "Value of $arg: ".$arg; // Instantiate the xajaxResponse object $objResponse = new xajaxResponse(); // add a command to the response to assign the innerHTML attribute of // the element with id="SomeElementId" to whatever the new content is $objResponse->assign("SomeElementId","innerHTML", $newContent); //return the  xajaxResponse object return $objResponse; }

$xajax->processRequest();

Artikel Kali ini kita akan membahas tentang PHP dan ajax dalam membuat drag and drop pada aplikasi web. drag and drop dapat kita buat pada ajax serta tidak lupa menggunakan php untuk display interface ke web aplikasi kita. untuk artikel drag and drop kita dapat membuat gallery sendiri misal: gallery foto, biodata dan lain-lainnya. untuk contoh drag and drop dapat di lihat pada gambar :

Gambar Drag and Drop

Untuk dapat mengaplikasikan project drag and drop proses yang harus dilakukan sebagai berikut :

1. Download file Drag and drop Part 2 silahkan klik disini. download file seperti dicontohkan pada gambar berikut :




















2. Proses selanjutnya yang harus anda lakukan adalah mengekstrak file tersebut.

3. cari file task.sql kemudian buka file tersebut dengan Notepad. terlihat seperti dibawah ini :

Sql Query

4. Buka phpMyadmin lalu buat sebuah database _dragdrop. kemudian pilih database tadi seperti terlihat pada gambar.

PhpMyadmin database

5. kembali ke task.sql di notepad. sekarang copykan sql query yang di notepade tadi. ke sintaks query di phpmyadmin, kemudian setelah selesai di paste klik ok atau go.

PhpMyadmin query sintaks

6. kemudian copy dan pastekan kode dibawah ini kedalam halaman yang ingin diletakkan drag and drop. untuk contoh, jika kita mau mengaktifkan nya pada mypage.php atau pagecoba.php yang telah kita buat, copy dan paste coding dibawah ini.

echo $myTasksList->BuildTasksList();
?>

7. jika tidak ada error dan aplikasi sukses berarti anda telah menunjukkan kemajuan tentang php dan ajax. didalam folder .zip tadi terdapat 2 folder yaitu folder drag-and-drop dan folder Mysite. sekarang copy kan folder tersebut di folder htdocs. load menggunakan IE atau browser lalu ketikkan localhost atau 127.0.0.1/nama_folder_tadi. selamat mencoba dan semoga bermanfaat. tutorial ini original dari easykiss123. jika ada pertanyaan dapat dikirimkan ke Kontak easykiss123

Mungkin anda pernah berfikir atau pernah melihat sebuah aplikasi yang menyediakan sebuah rating disetiap content. rating sebenarnya merupakan umpan balik dari seorang user atau pengunjung pada setiap aplikasi web. untuk anda yang ingin memiliki atau ingin membuat rating dengan menggunakan ajax, anda tidak perlu bersusah payah membuat rating tersebut. anda dapat mencoba MAx's AJAX Rating System buatan ajaxf1 merupakan aplikasi balik dari user yang mengunjungi aplikasi web anda. MAx's AJAX Rating System sangat mudah menggunakan nya. cukup mudah hanya meletakkan codingnya pada koding tertentu tanpa memerlukan database. lihat pada gambar berikut ini :

MAx's AJAX Rating System



Untuk mendownload source codenya klik disini. Anda juga dapat melihat Contoh penggunaannya di AJAX Rating System. selamat mencoba.

To coincide with the release of Adobe's AIR v1.0, the Ext team released v2.0.2 of the Ext framework with enhanced support for the new AIR runtime. The Ext and Adobe teams collaborated during the AIR beta process to ensure that support for the updated AIR API and security sandbox would be available to Ext users from day one.

To demonstrate Ext's AIR capabilities, founder Jack Slocum went about updating the Simple Tasks application he initially created during the early AIR beta process.



Making extensive use of the newly updated AIR API, the Ext team enhanced the Ext.air package to handle such functionality as:

Managing native windows, event listeners and automatic state management for the windows.
Use of the new synchronous database access introduced in AIR beta 3.
Native drag and drop and clipboard access.
Playing sounds.
Minimizing AIR applications to the system tray.
Adding an icon to the system tray is now a trivial task as can be seen in this code sample:

JAVASCRIPT:

var win = new Ext.air.NativeWindow({
id: 'mainWindow',
instance: window.nativeWindow,

// System tray config
minimizeToTray: true,
trayIcon: 'ext-air/resources/icons/extlogo16.png',
trayTip: 'Simple Tasks',
trayMenu : [{
text: 'Open Simple Tasks',
handler: function(){
win.activate();
}
}, '-', {
text: 'Exit',
handler: function(){
air.NativeApplication.nativeApplication.exit();
}
}
});


In addition to demonstrating AIR apis, Simple Tasks v2 also includes several advanced samples to demonstrate creating custom Ext components. These samples include:

ListTree - Allows for a hierarchical list of options, similar to a treeview, but within a drop-down listbox



Custom Grid Columns - Allows for grid columns to be represented as buttons or menus.


Switch - Provides a collection of buttons, one of which can be “pressed” at a time. This is used as an alternative for radio buttons.



Sumber :http://ajaxian.com/by/topic/ajax/

Tahukah Anda ternyata Ajax sangat mudah digunakan untuk mendukung bahasa pemograman web. dibawah ini merupakan contoh AJAX yang sangat mudah digunakan. tinggal copy dan paste sesuai keinginan anda. sebelum menggunakan pastikan anda sudah ada dasar tentang menggunakan Ajax.

Simple Request
AjaxRequest.get(
{
'onSuccess':function(req){ document.forms['simple'].pageSource.value = req.responseText; }
}
);

Error Handling
AjaxRequest.get(
{
'url':'junk.html'
,'onSuccess':function(req){ alert('Success!'); }
,'onError':function(req){ alert('Error!\nStatusText='+req.statusText+'\nContents='+req.responseText);}
}
);

Timeout
AjaxRequest.get(
{
'url':'sleep.pl'
,'onSuccess':function(){ alert('Success!'); }
,'timeout':2000
,'onTimeout':function(req){ alert('Timed Out!'); }
}
);

Simultaneous Requests
function getResponse(target) {
AjaxRequest.get(
{
'url':'sleep.pl'
,'onSuccess':function(req){ target.value=req.responseText; }
}
);
}

Activity Monitoring
// Simple functions to update the page
function makeActive(o) { o.innerHTML = "Active"; o.style.backgroundColor = "#00ff00"; }
function makeInactive(o) { o.innerHTML = "Inactive"; o.style.backgroundColor = "#ff0000"; }

// Functions called by global begin/end
function AjaxRequestBegin() { makeActive(document.getElementById('ajaxActivity')); }
function AjaxRequestEnd() { makeInactive(document.getElementById('ajaxActivity')); }

// Functions called by group begin/end
function AjaxRequestGroupBegin(groupName) { makeActive(document.getElementById(groupName+"Activity")); }
function AjaxRequestGroupEnd(groupName) { makeInactive(document.getElementById(groupName+"Activity")); }

function getResponse2(target,groupName) {
AjaxRequest.get(
{
'url':'sleep.pl'
,'onSuccess':function(req){ target.value=req.responseText; }
,'groupName':groupName // Assigns this request to the group passed in
,'onGroupBegin':AjaxRequestGroupBegin // Map to the function called when this group starts
,'onGroupEnd':AjaxRequestGroupEnd // Map to the function called when this group ends
}
);
}

Form Submittal
function submitForm(theform) {
var status = AjaxRequest.submit(
theform
,{
'onSuccess':function(req){ document.forms['form2'].submitResults.value = req.responseText; }
}
);
return status;
}

Event Handlers
AjaxRequest.get(
{
'onLoading':function() { alert("Loading"); }
,'onLoaded':function() { alert("Loaded"); }
,'onInteractive':function() { alert("Interactive"); }
,'onComplete':function() { alert("Complete"); }
,'onSuccess':function() { alert("Success"); }
}
);

Queued Requests
function getQueuedResponse(target) {
AjaxRequest.get(
{
'url':'sleeplong.pl'
,'onLoading':function(req){ target.value=req.xmlHttpRequest.readyState; }
,'onLoaded':function(req){ target.value=req.xmlHttpRequest.readyState; }
,'onInteractive':function(req){ target.value=req.xmlHttpRequest.readyState; }
,'onSuccess':function(req){ target.value=req.xmlHttpRequest.readyState; }
}
);
}

Request Parameters
AjaxRequest.get(
{
'parameters':{ 'a':'1', 'b':'2', 'c':'3' }
,'anotherParameter':'true'
,'onSuccess':function(req) { document.forms["parameterForm"].exampleUrl.value = req.url; }
}
);

Informasi Lengkap nya dan contoh menjalankannya
disini

orginal : www.musestorm.com, ditulis format indonesia oleh aprianto

Ajax ?

Istilah AJAX (Asynchronous JavaScript And XML) dalam pengembangan web menjadi populer pada beberapa tahun belakangan ini. AJAX ini sendiri bukan merupakan bahasa pemrograman baru, AJAX hanya merupakan sebuah teknik pemanfaatan object XMLHttpRequest dengan javascript untuk berkomunikasi dengan server secara Asynchronous, dengan pemanfaatan object XMLHttpRequest ini kita dapat membuat proses berjalan secara background atau bekerja dibelakang layar sementara user dapat tetap berinteraksi dengan halaman web yang ada. Pemanfaatan tehnik Asynchronous ini jugalah yang telah mendorong pengembangan web menjadi lebih kaya atau banyak yang menulisnya dengan istilah pengembangan Rich Internet Application (RIA) atau WEB 2.0.

Pengenalan Lebih Ke Ajax ? Deteksi Browser dengan Ajax ?

untuk mendeteksi type browser yang kita gunakan, kita membutuhkan pemanggilan object detection atau mendeteksi sebuah objek. ini terdengar sangat rumit dan menakutkan tetapi ini sangat mudah, berbeda browser juga berbeda javascriptnya. jadi semua nya akan saya coba untuk mengakses objek tersebut dan sebelumnya kita harus tahu browser apa yang akan kita cari.

ini coding untuk javascript firefox sebagai objek yang dibutuhkan :

var firefox = document.getElementById && !document.all;

disini kita harus membuat atau menentukan bahwa document.all adalah kosong atau null. ini digunakan untuk mengetahui user menggunakan firefox atau bukan.

What is the DOM and how to manipulate it using Javascript ? ( apa itu DOM dan bagaimana memanipulasi itu dengan javascript) akan segera diulas tuntas selanjutnya. ditunggu!!!

Artikel Lengkap dari Ilmukomputer.com

Hampir semua orang pasti pernah menggunakan gmail, yahoo mail, google sugest atau Google maps, dan pasti semua orang menyadari bahwa aplikasi tersebut merupakan aplikasi berbasis web yang dinamis dan menggunakan konsep pemrograman baru. Jika diamati lebih jauh aplikasi tersebut terlihat seperti aplikasi desktop tanpa menggunakan plug-in apapun maupun fasilitas khusus dari web browser.
Ada apa dibalik itu semua?konsep apakah kira-kira gerangan? Selidik punya selidik ternyata konsep yang dipakai dalam aplikasi web tersebut adalah AJAX. Makanan apakah si AJAX itu? AJAX itu sendiri adalah kepanjangan dari Asynchronous Java and XML. Istilah AJAX digunakan pada website yang berinteraksi dengan server melalui javascript secara asinkron (background), sehingga pengguna tidak perlu me-load keseluruhan isi page. Hal ini menyebabkan pengiritan waktu dan bandwidth, juga menghasilkan website yang makin interaktif.

DOWNLOAD ARTIKEL LENGKAP (PDF):
http://ilmukomputer.com/wp-content/uploads/2007/07/ekoheri-ajax.doc

Artikel dari Ilmukomputer.com

Anda semua pastilah sudah sangat familiar dengan testimonial. Sekarang ini banyak sekali web site yang sudah dilengkapi dengan testimonial. Pada intinya testimonial itu berfungsi sebagai sarana bagi pengunjung sebuah situs web untuk mengisi kritik dan saran terhadap web site tersebut. Pada tulisan kali ini penulis mencoba membahas bagaimana membuat aplikasi testimonial menggunakan AJAX. Jika pada artikel dasar-dasar AJAX yang pernah dibahas sebelumnya penulis hanya membahas metode GET, kali ini penulis akan menggunakan metode POST untuk membuat aplikasi testimonial ini.

DOWNLOAD ARTIKEL LENGKAP (PDF):
ekoheri-TestimonialAJAX

AJAX is a disruptive technology that's changed the way Web apps are developed and used. It allows for interactive pages and sits on the cutting edge of current Web trends.

Although the term AJAX is relatively new, the technologies behind it are not. For many years the ability to change the content of a Web page after it had been sent to the browser had existed - using javascript to change an iframe's src attribute being one technique.

It was the coming together of the XMLHttpRequest object being implemented in the majority of browsers, and the unveiling of GMail and Google Maps that inspired developers to rethink how they build Web pages.

XMLHttpRequest Object

The XMLHttpRequest object is what makes AJAX possible, it makes the asynchronous requests and determines how to handle the results. To create the object in most browsers we use the following code:

     var xmlhttp = false;
     try {
       xmlhttp = new XMLHttpRequest();
     } catch (e) {
       alert("cannot create object");
     }

Unfortunately I said "most browsers", which of course means that it doesn't work in IE, so we need a special technique to handle Microsoft's browsers. Just to keep things interesting though, there are two cases that we have to handle depending on the version of the MSXML parser

     var xmlhttp = false;
     try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (othermicrosoft) {
        try {
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (failed) {
          xmlhttp = false;
     }

So when combining the two code snippets above, we end up with a piece of code that will create a XMLHttpRequest Object for all major browsers.

    var xmlhttp = false;
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (trymicrosoft) {
      try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (othermicrosoft) {
        try {
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (failed) {
          xmlhttp = false;
        }
      }
    }

Penulis : aprianto free download and easy to use.... (artikel lengkap di http://www.ajaxf1.com/)
Max's AJAX website preloader adalah suatu kemudahan di dalam AJAX frame work yang mana menampilkan animasi pada website selama aplikasi di website anda sedang mengambil data atau meload data dari database ke server dan lain-lainnya. hanya melakukan penginstallan dan penggunaan nya sangat mudah, dengan hanya melakukan copy untuk beberapa baris dan mem paste ke dalam coding site anda. segera di coba dan buktikan sendiri pemograman dengan AJAX.