Description
Sajax library is used. You can learn it here http://www.modernmethod.com/sajax

Example


+0
HTML code <input type=button value="testAjax" onclick="x_ajaxTest(out);"> <input type=button value="testAjax2" onclick="x_ajaxTest2('simple test value (русский тест)',out);"> <br><br> <script> function setC(c){ $('#c').html(c); } </script> <input type=text id="a">+<input type=text id="b"><input type=button value="=" onclick="x_calc($('#a').val(),$('#b').val(),setC);"><span id="c">0</span>
PHP code function ajaxTest(){ return $_SERVER; } function ajaxTest2($a){ return xa($a); } sajax_export("ajaxTest","ajaxTest2"); function calc($a,$b){ return $a+$b; } sajax_export("calc");

Description
Jquery is extension to standart JavaScript functionality that makes life much easier. Also there are huge amount of very powerfull plugins for jquery. You can learn it here http://www.jquery.com

Example 1 - tablesorter plugin

Filed1	Filed2	Filed3	Filed4	Filed5	Filed6	Filed7
Student01	Languages	male	80	70	75	80
Student02	Mathematics	male	90	88	100	90
Student03	Languages	female	85	95	80	85
Student04	Languages	male	60	55	100	100
Student05	Languages	female	68	80	95	80
Student06	Mathematics	male	100	99	100	90
Student07	Mathematics	male	85	68	90	90
Student08	Languages	male	100	90	90	85
Student09	Mathematics	male	80	50	65	75
Student10	Languages	male	85	100	100	90
Student11	Languages	male	86	85	100	100
Student12	Mathematics	female	100	75	70	85
Student13	Languages	female	100	80	100	90
Student14	Languages	female	50	45	55	90
Student15	Languages	male	95	35	100	90
Student16	Languages	female	100	50	30	70

Example 2 - color animations plugin

Description
JS templates ( js/templates.js ) is good to use when you receive data as array or object throw ajax and need to show it in browser as table rows, images in gallery or any other list.

Example

Name

Email

Phone

<tr class='tRow'><td>{key:name}</td><td>{key:email}</td><td>{key:phone}</td></tr>
HTML code <table border=1 id="contactsTable"> <tr> <td>Name</td> <td>Email</td> <td>Phone</td> </tr> </table> <textarea style="display:none;" id="rowTpl"><tr class='tRow'><td>{key:name}</td><td>{key:email}</td><td>{key:phone}</td></tr></textarea> <script> $(document).ready(function() { x_getContacts(showContacts); }); function showContacts(arr){ $('.tRow').remove(); //delete old rows tpl=loadT("#rowTpl"); //loads template from hidden textarea for(i in arr){ tpl.replace("name",arr[i]["name"]); //replace key in template tpl.replace("email",arr[i]["email"]); tpl.replace("phone",arr[i]["phone"]); $('#contactsTable').append(tpl.template); // append template with values into table tpl.next(); // renew template (load clean template from same textarea again) } } </script>
PHP code function getContacts(){ return aq("select * from `contacts`"); } sajax_export("getContacts");