เริ่มต้นกับ jquery

jquery
jquery

23 มี.ค.57 มีโอกาสได้ทดสอบ code ของ jquery ใน 2 รูปแบบ
คือ 1) การใช้ fieldset + legend สร้าง frame ที่สวยงาม
และ 2) การควบคุมวัตถุในการแสดงข้อความแบบต่าง ๆ
อันที่จริง jquery มีความสามารถที่หลากหลาย มากมาย
หนึ่งในบริการที่ผมใช้อยู่คือการดึง googlemap เชื่อมกับ mysql

แต่ที่สนใจขึ้นมา
เพราะนักศึกษา ไวภพ ตุ้ยน้อย นำเสนอโครงงานระบบ อ.ที่ปรึกษา
และนำเสนอ frame ที่มีข้อความกำกับเฟรมอย่างสวยงาม
สอบถามว่าใช้ html หรือใช้อะไร ก็ได้ความว่าใช้ jquery
เพราะถ้าเป็นผมเขียนก็คงใช้ layer ด้วย div
แล้วคุมการกำหนดตำแหน่ง
และใช้ table ธรรมดาให้ข้อความไปทับตารางด้านบน
http://www.thaiall.com/jquery

ประเด็นปัญหาที่มักพบกับ jquery
คือแสดงผลแตกต่างกันในแต่ละ browser
โดยเฉพาะ IE=Internet explorer
จะแสดงผลไม่ตรงกับที่พบใน firefox หรือ chrome
นั่นเป็นข้อพึงระวังในการใช้ jquery

div tag is in HTML 3.2
http://reference.sitepoint.com/html/div

fieldset + legend is in HTML 4.0
http://reference.sitepoint.com/html/fieldset

วัดระยะทาง 2 marker บน google map

home on google map
home on google map

1 ก.พ.57 เมื่อหลายเดือนก่อน
เคยเก็บ point : latitude และ longitude
ตำแหน่งต่าง ๆ ในลำปาง และในประเทศไว้
แล้วพรุ่งนี้ (เลือกตั้งส.ส. 57) จะไปคุยงานกับเพื่อนที่เชียงใหม่
ที่สนใจเรื่องการวางแผนเส้นทางการท่องเที่ยว
และน่าจะได้ใช้ google map ลองเขียน code
เพื่อทดสอบการประมวลผลกับฐานข้อมูล
แล้วก็การวัดระยะทาง พบว่าพอประยุกต์ใช้งานได้
ในทางเทคนิคฝั่งเครื่องบริการใช้ jquery-1.9.1.js
ขอใช้บริการของ google โดยตรงก็สามารถแสดงแผนที่ได้แล้ว
โดยคำอธิบายเป็นภาษาไทย และตัวอย่าง code
ได้มาจาก http://www.ninenik.com เขียนไว้ละเอียดมาก
ชื่นชมเลยครับ
งานนี้ผมทดสอบไว้ที่ http://www.thaiall.com/googlemap

ปล. เขียนทิ้งไว้ พอไม่ได้ใช้ก็ลืมเลือน

สไลด์ภาพด้วย jquery

slide jquery
slide jquery

2 พ.ค.54 การทำสไลด์ภาพ (image slide) เริ่มมีให้เห็นในเว็บไซต์ต่าง ๆ เพิ่มขึ้น มีแบบ javascript และ flash ถ้าเป็น flash ก็จะดูน่าตื่นตาตื่นใจกว่าแบบ javascript อย่างเห็นได้ชัด แต่การใช้ javascript จะจัดการง่าย และไม่ต้องกังวลเรื่องการรองรับของ browser ในอุปกรณ์ของผู้ใช้ เพราะอุปกรณ์ส่วนใหญ่จะรองรับ javascript แต่มีน้อยลงที่รองรับ flash file

สำหรับ slide ของ jquery จะดูดีมาก และผมได้แก้ไข code บางส่วนให้นำมาใช้งานได้ง่าย ลอง download ไปทดสอบดูได้ครับ
http://www.thaiall.com/java/slidejquery/slide.htm
http://www.thaiall.com/java/slidejquery/slidejquery.zip
http://www.thaiall.com/blog/burin/2339/