วันจันทร์ที่ 25 ตุลาคม พ.ศ. 2553

jquery auto province

แสดงรายชื่อ อำเภอ จังหวัด และรหัสไปรษณีย์ จากการพิมพ์ชื่อตำบล
Demo
การทำงานจะช้าหน่อยครับเพราะใช้โฮสฟรีเป็นตัวทดสอบ
Download

=== เกี่ยวกับ jquery auto-province ===
ใช้ jquery + ajax + dhtml เพื่อเลือกชื่อ ตำบล อำเภอ และจังหวัดโดยอัตโนมัติ
โดยใช้เทคนิค ajax suggest หรือ autocomplete
โดยคุณ memee ผู้นำเสนอไอเดียนี้

=== การติดตั้ง ===
1) นำไฟล์ auto-province.sql ไป run ใน database ที่ต้องการใช้งาน
2) เปิดไฟล์ connect.php เพื่อปรับค่า config ที่ใช้ในการต่อ database
3) เปิดไฟล์ example.php เพื่อทดสอบผ่านทาง webserver อย่างเช่น http://localhost/auto-province/example.php

=== วิธีใช้งาน ===
1) ลองพิมพ์ชื่อตำบลในช่องตำบล
2) เลือก ตำบล อำเภอ จังหวัด รหัสไปรษณีย์โดยการคลิ้ก หรือการกด enter
3) เพิ่มรหัสไปรษณีย์ใหม่โดยการเลือกรายการ ตำบล อำเภอ จังหวัด ที่ไม่มีรหัสไปรษณีย์ หรือกด ctrl+insert
4) ลบรหัสไปรษณีย์โดยการเลือกรายการ ตำบล อำเภอ จังหวัด ที่มีรหัสไปรษณีย์และกด ctrl+delete

=== คุณสมบัติ ===
- พิมพ์ข้อความที่ช่องตำบลแล้วจะมี อำเภอ จังหวัด และรหัสไปรษณีย์ขึ้นให้เลือก
- หากไม่พบรหัสไปรษณีย์ให้เลือกสามารถเพิ่ม รหัสไปรษณีย์ได้
- สามารถลบรหัสไปรษณีย์ได้โดยกด ctrl+delete
- สามารถเพิ่มรหัสไปรษณีย์ได้โดยกด ctrl+insert

=== CHANGE LOG ===
v1.0a5 : แก้ไขปัญหาความสูงของลิงค์รายชื่อตำบล ให้มีขนาดพอดีกับการเลื่อนหน้าในหน้าต่างลิงค์รายชื่อตำบล
ใน firefox ในระบบปฎิบัติการ ubuntu-linux
v1.0a4 : เพิ่ม option add_postcode, delete_postcode
เพื่อใช้ในการยกเลิกการเพิ่มรหัสไปรษณีย์ใหม่และการลบรหัสไปรษณีย์
เพิ่ม option new_postcode_list_item ซึ่งเมื่อกำหนดค่าเป็น false
จะไม่แสดง list item ที่ใช้เป็นปุ่มเพิ่มรหัสไปรษณีย์
จะทำให้ไม่เกิดเหตุการณ์บังเอิญกดปุ่มเพิ่มรหัสไปรษณีย์โดยไม่ได้ตั้งใจ
สำหรับการเพิ่มรหัสไปรษณีย์จะสามารถใช้การกดปุ่ม ctrl+insert เพื่อเปิดหน้าต่างเพิ่มรหัสไปรษณีย์แทนครับ
v1.0a3 : แก้ไข function setTumbolList ให้ทำงานเร็วขึ้น
v1.0a2 : ปรับปรุง title bar และ stylesheet ของหน้าต่างรหัสไปรษณีย์
- แก้ไขปัญหาการกด enter ขณะเลือกรายชื่อกลายเป็นการ submit ใน opera
v1.0a1 : ปรับปรุงโปรแกรมเป็น jquery plugin
- จำกัดจำนวนการดึงข้อมูลเพียงแค่ 20 รายการแรกที่ข้อความสั้นที่สุดเท่านั้น เพื่อเพิ่มความเร็ว
- เพิ่ม ajax loader เพื่อให้ผู้ใช้รู้สึกว่าโปรแกรมกำลังทำงานอยู่ไม่ได้หยุดชะงักไปเฉยๆ
- แก้ปัญหาช่องโหว่การเพิ่มรหัสไปรษณีย์ที่ไม่ถูกต้องลงในฐานข้อมูล
v0.9a1 : เผยแพร่ไฟล์ครั้งแรก

=== การพัฒนาในอนาคต ===
ใน version 1.0a2 ได้พัฒนาให้ jquery auto-province เป็น jquery plugin แล้ว
ในอนาคตอาจจะเพิ่มให้สามารถปรับแต่งคุณสมับติต่างๆ และเพิ่มคำสั่ง
เพื่อให้สามารถทำงานได้หลากหลายมากขึ้น และปรับปรุงให้ใช้งานได้สะดวกมากขึ้นครับ

=== Reference ===

ดาตาเบสได้จาก
http://www.thaicreate.com/free-web-script/thailand-province-database.html
ของคุณ Mr.WIN

ดัดแปลงข้อมูลจากดาตาเบสโดยเพิ่มรหัสไปรษณีย์โดยอ้างอิงข้อมูลจาก
http://php.deeserver.net/download/get/106/postcode.rar
ของคุณ deawx
และเว็บไซท์
http://th.wikipedia.org/wiki/%E0%B8%A3%E0%B8%AB%E0%B8%B1%E0%B8%AA%E0%B9%84%E0%B8%9B%E0%B8%A3%E0%B8%A9%E0%B8%93%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B8%95%E0%B8%B2%E0%B8%A1%E0%B8%88%E0%B8%B1%E0%B8%87%E0%B8%AB%E0%B8%A7%E0%B8%B1%E0%B8%94

ไม่มีความคิดเห็น:

แสดงความคิดเห็น