Post archive
Tag: jQuery
-
ต้องติ๊กนะ
วันนี้เขียนโค้ดเช็กฟอร์มหลังจากยูสเซอร์ซับมิต ข้อมูล แล้วทีนี้ในฟอร์มมันจะมีเช็กบ้อกตัวหนึ่ง ซึ่งยูสเซอร์ต้องติ๊ก เพื่อยืนยันว่าเขาได้อ่านรายละเอียดของข้อกำหนด เรียบร้อยแล้ว ไอ้เช็กบ้อกตัวนี้แหละที่เป็นเรื่องของวันนี้ ผมนั่งคิดอยู่ตั้งนาน ว่า เอ… เราจะเช็กยังไงหว่า ถึงจะรู้ว่าเขายังไม่ได้ ติ๊กตรงเช็กบ้อก ต้องนั่งเสียเวลาอยู่ตั้งพักนึง กว่าจะนึกได้ เลยต้องเขียนบันทึกไว้เสียหน่อย จะได้ไว้อ่านเองวันหลัง 1 <input type="checkbox" name="readed" id="readed" value="1"><input type="checkbox" name="readed" id="readed" value="1"> 2 3 4 5 6 if( !$("readed").attr("checked") ){ alert(""); } if( !$("readed").attr("checked") ){ alert(""); } แค่เนี้ย .attr(“checked”) เป็นการ get ค่าจากแอทริบิวต์ checked ซึ่งถ้าเช็กบ้อกถูกติ๊ก มันจะเป็น true แต่ถ้าไม่ถูกเช็ก มันจะมีค่าเป็น […]
READ MORE -
เลือกจังหวัด แล้วอำเภอเปลี่ยน
Live Demo ผมเจอบ่อยเมื่อท่องไปตามเว็บบอร์ด php ต่างๆ แบบประมาณว่าอยากจะให้ เมื่อเลือกจังหวัดแล้ว รายการในช่องอำเภอ จะแสดงเฉพาะของจังหวัดนั้นๆ จะเขียนเป็นบทความเต็มๆ ก็รู้สึกว่ามันยาว ก็เลยทำเป็นไฟล์ตัวอย่าง แล้วให้ท่านดาวน์โหลดไปเกะ ไปเกากัน ถ้าหากมีปัญหา หรือไม่เข้าใจโค้ดตรงไหน ก็ค่อยมาโพสต์ถามกันที่นี่ ผมก็จะอธิบายไปตรงที่ไม่เข้าใจ ดาวน์โหลดไฟล์ ในไฟล์ .rar ที่ท่านดาวน์โหลดไปผมได้ใส่โครงสร้างฐานข้อมูล ไปให้ด้วย ให้ท่านสร้างฐานข้อมูลชื่อ db_tutorial แล้ว import ไฟล์ db_tutorial.sql เข้าไป ในไฟล์นี้ผมให้สร้าง table พร้อมทั้งข้อมูลตัวอย่างด้วย ถ้า mysql ของท่าน มีรหัสผ่าน และไม่ได้ใช้ root ล้อกอิน ก็ให้ไปแก้ข้อมูลที่ไฟล์ Connection\connection.php ในไฟล์นี้จะเก็บข้อมูลในการเชื่อมต่อฐานข้อมูล หลังจากนั้นลองรันโค้ด index.php ดูและลองเล่นครับ แล้วค่อยลองเปิดดูโค้ดศึกษา มีปัญหาปรึกษาที่นี่
READ MORE -
checked inverse ด้วย jQuery
Live Demo ครั้งก่อน ผมได้เขียน วิธีการสร้างปุ่ม เลือกทั้งหมด ไปแล้วครั้งหนึ่ง มาวันนี้ผมจะแสดงวิธีสร้างปุ่ม แบบเลือกตรงข้าม ถ้าท่านไม่เข้าใจว่า เลือกตรงข้ามเป็นยังไง ลอง Live Demo ดูครับ
READ MORE -
checked ให้เกลี้ยง ด้วย jQuery
Live Demo ลองดูจากภาพ หรือ ลองเล่น Live Demo ดูท่านน่าจะเข้าใจสิ่งที่ผมกำลังจะอธิบาย คือเมื่อท่านคลิกที่ปุ่ม Check All ก็ใช้ติ๊กเครื่องหมายถูก ในช่อง checkbox ทั้งหมด การจะทำอย่างนี้ถ้าเขียนด้วย javascript แบบเดิมๆ อาจจะต้องใช้หลายบรรทัดทีเดียว แต่ถ้าเปลี่ยนมาใช้ jQuery แล้วละก้อ มองเห็นสวรรค์รำไร ทีเดียว มันสั้นเหลือแสน และง่ายเหลือหลาย
READ MORE -
jquery validator ตรวจสอบฟอร์มฉบับเทพมาเอง
ปลั๊กอินที่ใช้สำหรับตรวจสอบข้อมูล ของ jquery นั้นมีมากมายเสียเหลือเกิน คุณตี๋ เจ้าคุณปู่แห่ง jquerytips.com ได้เคยเขียนบทความ jQuery Validation ครบทุกเม็ดในการ validate นั่นก็เป็นตัวตรวจสอบความถูกต้องของข้อมูลในฟอร์ม ตัวหนึ่งที่เด็ดดวงเอามากๆ วันนี้ผมไปเจอตัว validate อีกตัวหนึ่งที่เจ้าของเขาทำเสร็จแล้ว แต่ว่ายังไม่ได้เขียนอธิบายการใช้งาน ทำไว้แต่ตัวอย่างการใช้งาน ผมเห็นว่ามันน่าสนใจดี ก็เลยเอามาเขียนอธิบายเสียเลย
READ MORE -
สร้างเพจเลย์เอ้าท์ ด้วย UI.Layout jQuery plugin
ถ้าท่านต้องการหน้าตาเว็บเพจเว็บเป็นแบบ วินโดวแอพพลิเคชั่น ต้องตัวนี่เลย เป็น jQuery plugin ที่มากด้วยความสามารถ สามารถ ย่อ-ขยาย ได้ ซ่อนได้ และความสามารถอื่นๆ อีกมากมาย Live Demo | Website รายละเอียดและวิธีการใช้งาน อ่านเอาจากเว็บไซต์เขาได้เลยนะครับ
READ MORE -
5 Password strange meter
ผมเคยเจอผลสำรวจเกี่ยวกับเรื่องการตั้งรหัสผ่าน เขาบอกว่าคนที่ตั้งรหัสผ่านคาดเดาได้ยากที่สุดคือพวกฝรั่ง คนที่ตั้งรหัสผ่านได้เดาง่ายที่สุดคือพวกญี่ปุ่น คนญี่ปุ่นชอบตั้งรหัสผ่านง่ายๆ อย่างเช่น 1234 หรือ 654321 หรือไม่งั้นเขาก็มักจะตั้งรหัสผ่านที่เกี่ยวกับตัวเขา เช่น เบอร์โทรศัพท์ วันเดือนปีเกิด เลขที่บ้าน อะไรเทือกๆเนี้ย คนไทยผมก็ว่าไม่ต่างจากคนญี่ปุ่นเท่าไร ใช้นิสัยตั้งรหัสผ่านที่ใกล้ตัว เดาง่าย เหตุผลก็คงจะกลัวลืม เว็บไซต์ไม่ว่าจะมีการป้องกันดีขนาดไหน แต่ถ้าเล่นตั้งรหัสผ่านเดาง่าย เด็ก 8 ขวบก็แฮ้กได้ เดี๋ยวจะเข้าใจผิดกันว่าเด็กมันเก่ง
READ MORE -
4 tooltip ปลั๊กอิน อย่างเทพ
วันนี้จะมานำเสนอ jQuery ปลั๊กอิน หลังจากที่ห่างหายเรื่อง jQuery ไปเสียนาน ปลั๊กอินที่ว่านี้คือปลั๊กอินที่ไว้ใช้สร้าง Tooltip โดยเฉพาะ ผมคงไม่ต้องอธิบายนะครับว่า Tooltip มันคืออะไร แต่ละตัวที่คัดมา เด็ดๆทั้งนั้น เลือกใช้เลือกชมกันตามอัธยาศัยครับ เชิญ…
READ MORE -
jQuery for Dreamweaver
สำหรับท่านที่ใช้ Dreamweaver เป็น Editor ในการเขียนเว็บ และใช้ jQuery และอยากจะให้มี Auto suggestion เวลาพิมพ์โค้ด jquery ต้องติดตั้งอันนี้เลยครับ แล้วชีวิตในการเขียน jQuery จะสบายขึ้น ผมนี่หามาตั้งนานแล้ว เพิ่มมาเจอ เมื่อเจอแล้วก็เลยมาแนะนำท่านต่อ เผื่อมีคนหัวอกเดียวกัน ขั้นตอนแรกท่านก็ต้องดาวน์โหลด extension ตัวนี้ไปก่อน แล้วผมจะแสดงวิธีติดตั้ง พอเป็นไกด์ไลน์
READ MORE
