Tag Archives: jquery

jQuery: การดึงเอาค่าของ attribute ของแท็ก html ด้วยฟังก์ชัน .attr()

อีกหนึ่งฟังก์ชันที่ผมใช้อยู่บ่อยๆ ของ jQuery ก็คือ ฟังก์ชัน attr() ซึ่งฟังก์ชันนี้จะใช้สำหรับการดึงค่า(get) ของ attribute และกำหนดค่า(set) ของ attribute โดยรูปแบบการใช้งานก็ง่ายๆ ครับ คือ

การดึงค่า attribute ก็จะประมาณนี้ครับ .attr(ชื่อของ attribute ที่ต้องการค่า) เช่น ถ้าเราต้องการดึงเอาค่าของ alt ของแท็ก img อ่านเพิ่มเติม »

jQuery: Calendars Datepicker ป๊อปอัพปฏิทินสำหรับเลือกวันที่ภาษาไทย

ป๊อปอัพปฏิทินภาษาไทย

jQuery Calendars Datepicker เป็นตัวเสริม (plugin) ของ jQuery ที่สามารถแสดงผลปฏิทินเป็นภาษาไทย (ปี พ.ศ. ด้วยนะครับ) และก็รองรับอีกหลายภาษาเลยล่ะครับ (ประมาณ 60 กว่าภาษาครับ) ซึ่งดูแล้วน่าจะเป็นประโยชน์สำหรับเพื่อนๆ ที่กำลังมองหา plugin แนวๆ นี้อยู่นะครับ หรือคนที่ยังใช้ dropdown อยู่ก็ลองเปลี่ยนมาใช้แบบนี้ดูนะครับ จะทำให้เว็บน่าใช้ขึ้นอีกเยอะครับ ^^ อ่านเพิ่มเติม »

jQuery : วิธีการใช้ jquery ติ๊กเลือก checkbox หลายๆ ค่า

ถ้าหากตอนนี้เพื่อนๆ กำลังหาวิธีที่จะใช้ jQuery ในการเลือก input ที่เป็น checkbox หลายๆ ค่า มาถูกที่แล้วครับ ฮ่าๆ ๆ ซึ่ง jQuery จะมีฟังก์ชัน val() ที่ใช้สำหรับกำหนดค่าของ input ต่างๆ อยู่แล้วครับ โดยฟังก์ชันนี้จะรับค่าเป็นค่าเดี่ยวๆ หรือจะเป็น array ก็ได้ครับ อ่านเพิ่มเติม »

jQuery: มาทำความรู้จักกับ jQuery.data() กัน

jQuery.data() เป็นอีกหนึ่งฟังก์ชันของ jQuery ที่เพื่อนๆ ควรจะนำมาใช้ครับ ประโยชน์ของฟังก์ชัน data() ก็คือ เพื่อนๆ สามารถเก็บข้อมูลที่เกี่ยวข้องกับ DOM element (หรืออาจจะไม่เกี่ยวข้องก็ได้นะครับ ^^) โดยการตั้งชื่อของข้อมูลนั้น แล้วก็บันทึกข้อมูลด้วยฟังก์ชัน jQuery.data() ครับ อ่านดูแล้วอาจจะงงๆ ลองมาดูตัวอย่างการใช้งานกันดีกว่าครับ อ่านเพิ่มเติม »

jQuery: วิธีดึงเอาค่าของ input ที่เราทะลึงใส่จุดหรือ [ เข้าไปไอดี

เพื่อนๆ ที่หลีกเลี่ยงการใช้จุดหรือ [ หรืออะไรที่ jquery เองเค้าสงวน (reserve) ไว้ใช้ ก็จะไม่เกิดปัญหานี้นะครับ แต่ถ้ามันต้องทำแบบนี้จริงๆ

<input type="text" name="street" id="address.street" />
<input type="text" name="province" id="address.province"/>

พอจะเลือก input เหล่านี้มาเช็คค่าซะหน่อยเอาแล้วไงไอดีของมันดันมีจุดแล้วจะทำไง หึหึ วิธีการก็ไม่ยากครับ jquery จะใช้ \\ เพื่อบอกให้รู้ว่าให้มองอักขระตัวนี้เป็น string ธรรมดา (ไม่รู้จะพูดไง ตอนนี้คิดออกแค่นี้ครับ ฮ่าๆ ๆ)

$(function(){
$('#address\\.street').val();
$('#address\\.province').val();
});

jQuery Plugin: lightBox plugin

Plugin ตัวนี้ก็เป็น plugin ยอดฮิตอีกตัวหนึ่งสำหรับการแสดงรูปภาพครับ ซี่งวิธีการใช้ก็ใช้ง่ายมากๆ เหมือนกัน แต่ตัวนี้จะมีลักษณะเหมือน popup ขึ้นมา ไม่เหมือนกับเจ้า bxGallery ที่เคยแนะนำไป เพื่อนๆ หลายๆ อาจจะเคยเห็นหน้าตาของเจ้า plugin ตัวนี้บ้างแล้วก็ได้ครับ อ่านเพิ่มเติม »

jQuery Plugin: bxGallery เพิ่มลูกเล่นในการแสดงรูปภาพบนเว็บ

ช่วงนี้เป็นช่วงศึกษา jQuery ก็เลยมี plugin มาแนะนำเรื่อยๆ ครับ วันนี้เป็น bxGallery ซึ่งเป็น plugin เกี่ยวกับการแสดงรูปภาพ โดยจะมีการแสดงภาพเต็มภาพนึง แล้วจะมีรูปเล็กๆ (thumb) ให้เรากดดูอีก ผมดูแล้วเป็น plugin ที่ใช้งานง่ายๆ ครับ อ่านเพิ่มเติม »

jQuery Plugin: BlockUI

วันนี้เอา BlockUI มาฝากครับ plugin ของ jQuery อีกหนึ่งตัวที่จะทำให้เว็บไซต์ของเราน่าสนใจมากยิ่งขึ้นครับ ซึ่งในตอนนี้เว็บของเพื่อนๆ หลายคนคงจะนำเอา ajax มาใช้ และในขณะที่ผู้ใช้ของเรากดที่ปุ่มอะไรซักอย่าง จากนั้นเราก็จะโหลดเนื้อหามาแสดงโดยใช้ ajax ซึ่งในขณะที่เรา request ข้อมูลอยู่นี้ อาจจะใช้เวลานิดนึงทำให้ผู้ใช้ของเรานึกว่ามันไม่ทำงาน ก็เลยกดปุ่มอีก บางคนอาจจะกดย้ำๆ จนทำให้เซิฟเวอร์ของเราต้องทำงานหนักได้ อ่านเพิ่มเติม »

jQuery Plugin: form validation

หลังจากประสบปัญหาการตรวจสอบความถูกต้องของ input ต่างๆ ในโปรเจ็คที่ผ่านมา ก็เลยต้องเริ่มสรรหาเครื่องที่จะช่วยให้เราทำงานได้เร็วขึ้นเกี่ยวกับการทำงานในส่วนนี้ ก็เลยไปเจอกับ plugin ของ jQuery ก็คือ เจ้า validation

โดยเจ้า plugin ตัวนี้จะทำน่าที่ตรวจสอบความถูกต้องให้เราก่อนที่ข้อมูลจะถูกส่งไปประมวลผลที่ฝั่งเซิฟเวอร์ เช่น ตัวเลข, อีเมล, URLs และอีกมากมาย ลองเข้าไปศึกษาดูครับ อ่านเพิ่มเติม »