สอน AJAX

หน้าที่

1

2

ทั้งหมด 16 ข้อมูล

การทำ search suggest เหมือน google ( 1,641 )

AutoCompleter TutorialAs always, links to a demo and ZIP at the bottom, Enjoy!I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!And so we begin:JavaScript<script src="jquery-1.2.1.p...

การทำ List Menu ด้วย Ajax ( 1,453 )

1.สร้างฐานข้อมูลCREATE DATABASE `listmenu` ;2.สร้างตารางเก็บข้อมูล CREATE TABLE `tb_catalog` ( `cat_id` int( 11 ) NOT NULL AUTO_INCREMENT ,`cat_name` tinytext NOT NULL ,PRIMARY KEY ( `cat_id` ) ) ENGINE = MYISAM DEFAULT CHARSET = tis620 AUTO_INCREMENT =7;# MySQL คืนผลลัพธ์ว่างเปล่ากลับมา (null / 0 แถว).-- -- dump �...

สร้าง ปฏิทิน ด้วย XHTML และ CSS ( 2,010 )

หา่ยไปนานกับบทความเกี่ยวกับ ajax คราวนี้ผมขอนำเทคนิคมาประยุกต์ใช้ให้ดูครับว่ากันด้วยเรื่องปฏิทินบน Website ดีกว่า ผมเห็นหลายๆ Web โดยเฉพาะพวก Blog จะนำมาประยุกต์ใช้เพื่...

ฟังก์ชัน สร้าง ajax object ไว้ใช้งานอย่างง่าย ( 6,419 )

ใช้สำหรับสร้าง ajax object ไว้สำหร้บใช้งาน ถ้า browser รองรับการใช้งานแบบ ajax ก็จะคืนค่าเป็น objectฟังก์ชัน สร้าง ajax object<script language="javascript">function createAjax() { var request = false; try { &n...

ดึงข้อมูลจาก text ไฟล์มาแสดงด้วย ajax ( 6,509 )

ajax อย่างง่ายในการดึงข้อมูลจาก text ไฟล์มาแสดง<script language="javascript" src="ajax.ja"></script><script language="javascript">function doajax(){ var ajax1=createAjax(); ajax1.onreadystatechange=function(){ if(ajax1.readyState==4 && ajax1.status==200){ var repl=document.getElementById('myplace'); repl.innerHTML=ajax1.responseText; }els...

การส่งข้อมูลแบบ POST ด้วย Ajax ( 6,550 )

ตัวอย่างโค้ด ajax_post.php<script language="javascript" src="ajax.js"></script><script language="javascript">function doajax(mydata){ var ajax1=createAjax(); ajax1.onreadystatechange=function(){ if(ajax1.readyState==4 && ajax1.status==200){ document.getElementById('myplace').innerHTML=ajax1.responseText; }else{ return false; } } ajax1.open("POST","data_post.php",true); ajax1.setReques...

แสดงป้ายโฆษณา banner แบบสุ่ม random ด้วย ajax อย่างง่าย ( 6,648 )

Javascript<script language="javascript" src="ajax.js"></script> <script language="javascript">function doajax(){ var ajax1=createAjax(); ajax1.onreadystatechange=function(){ if(ajax1.readyState==4 && ajax1.status==200){ document.getElementById('myplace').innerHTML=ajax1.responseText; }else{ return false; } } ajax1.open("GET","get_banner.php",true); ajax1.send(null);}window.onload=function(){ setInterva...

ตรวจสอบระดับความปลอดภัยของ รหัสผ่านด้วย Ajax ( 6,391 )

ไฟล์ pass_ajax.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > <html > <head > <title >Ajax Password ตรวจสอบระดับความปลอดภัยของ รหัสผ่านด้วย Ajax </title > <meta http-equiv="Content-Type" content="text/html; charset=windows-874" > <style type="text/css" >body { background:...

กำหนดรายการใน listbox ที่ 2 จากเงื่อนไขการเลือก listbox ที่ 1 ด้วย ajax ใน jquery อย่างง่าย ( 7,154 )

ตัวอย่างต่อไป เป็นตัวอย่างการใช้งานอย่างง่าย สามารถนำไปประยุกต์ใช้ได้อย่างกว้างขวาง เช่น ประยุกต์ใช้สำหรับ การเลือกจังหวัดในรายการ listbox ที่ 1 และให้แ�...

สร้างฟังก์ชัน autocomplete ให้ใช้งานแบบง่าย ด้วย ajax ( 6,929 )

ไฟล์ที่จำเป็นต้องใช้ 1.autocomplete.js 2.autocomplete.css 3.autocomplete.gif ทำการดาวโหลดโดยคลิกขวาที่ลิ้งไฟล์ด้านบน แล้วทำการบันทึกHTML Code ตัวอย่าง<html><head><title></title><script type="text/javascript" src="autocomplete.js"></s...