Post archive
Category: jQuery
-
jQuery – autocomplete
วันนี้มี ปลั๊กอินของ jquery ที่เกี่ยวกับการทำ autocomplete มาฝาก 2 ตัว ซึ่งทั้งสองตัวนี้ เท่าที่ผมลองเล่นดู สุดๆ ครับขอบอก 1. Flexbox Link : http://www.fairwaytech.com/flexbox/Default.aspx Demo : http://www.fairwaytech.com/flexbox/Demos.aspx ตัวนี้เรียกได้ว่า คุณสมบัติเหลือกินเหลือใช้จริงๆ ทำ Listbox เป็น autocomplete ได้ด้วย ซึ่งเท่าที่เห็นในเว็บมา ส่วนใหญ่จะ autocomplete ได้เฉพาะ textbox เท่านั้น ลองคลิกที่ Demo เล่นมันดูครับ ไม่ต้องกังวลว่าเว็บเขา จะทำด้วย asp.net นะครับ 2. jQuery plugin: Autocomplete Link : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ Demo : http://jquery.bassistance.de/autocomplete/demo/ ตัวนี้ก็ไม่ธรรมดาครับ […]
READ MORE -
jQuery 1.3 cheat sheet
พอดีไปเจอมาจากเว็บของพี่หรั่งเขาทำไว้ สำหรับแฟน jquery แล้ว เรียกได้ว่ามันคือสิ่งที่ใช่เลยล่ะ ปริ้นแปะไว้ข้างโต๊ะเลยครับ ผมก็ทำอย่างนั้นเหมือนกัน ไฟล์ pdf ดาวน์โหลด ไฟล์ png ดาวน์โหลด
READ MORE -
jQuery – s3Slider plugin
ปลั๊กอินตัวนี้ เป็นปลั๊กอินที่ใช้สำหรับแสดงภาพ คล้ายๆ jquery light box แต่ก็มีความแตกต่างกัน ตรงที่มี animation ในตัวและเซตคำที่ต้องการให้แสดงเป็น caption ปลั๊กอินตัวนี้จะแสดงเป็นไสลด์วนไปเรื่อยๆ ถ้าท่านต้องการนำมาทำไสลด์โชว์ ก็ถือว่าเหมาะมาก
READ MORE -
jQuery – Masked Input Plugin
ถ้าท่านเคยใช้ VB ท่านน่าจะคุ้นเคยกับ Masked Edit box (ขออภัย ถ้าจำชื่อผิด ไม่ได้จับเสียนานแล้ว) ตัว Masked Input จะทำหน้าที่เหมือนกับเหมือนกันกับ Masked Edit box
READ MORE -
jQuery – fancy zoom plugin
ปลั๊กอินตัวนี้ชื่อก็บอกชัดเจนอยู่แล้วว่าใช้สำหรับ ซูม ซึ่งสามารถใช้งานได้ทั้ง รูปภาพ ข้อความ และไฟล์แฟลช หลักการทำงานก็คือ ซ่อนส่วนที่เป็นรายละเอียดไว้ก่อน จนกว่าผู้ใช้คลิกตรงลิ้งก์ที่เตรียมไว้ มันก็จะแสดงเนื้อหาที่ซ่อนไว้ ด้วยเอนิเมชั่นซูม อย่างมีชั้นเชิง การซูมรูปภาพ ก็คือซ่อนภาพใหญ่ไว้ก่อน แสดงภาพเล็กให้คลิก พอคลิกภาพเล็ก ภาพใหญ่ก็ค่อยๆ วาบ ซูม เข้ามา หรือการซูมเท็ก ก็เป็นในลักษณะเดียวกัน เตรียมคำสั้นๆไว้ให้คลิก ซ่อนรายละเอียดไว้ก่อน (กรณีนี้เหมาะมาก กับหน้าเพจที่มีเนื้อที่จำกัด หรือ หน้าเพจที่อยากให้ดูใช้ง่าย ) อย่างเช่น ฟอร์มลงทะเบียนเป็นต้น เราเตรียม ? ไว้ให้ผู้ใช้คลิก หลังช่องป้อนข้อมูล พอเขาคลิก เราก็แสดงตัวอย่าง การป้อนข้อมูลที่ถูกต้องขึ้นมา (เช่น เบอร์โทรศัพท์ ต้องอยู่ในรูปแบบ 000-0000-000)
READ MORE -
สอนการทำเพจแบบ igoogle โดยใช้ jQuery
ตัวอย่างจริง : Demo วิธีทำ(eng): Tutorial ตัวอย่างการประยุกใช้ jquery ตัวนี้ คนเขียนโค้ดสุดยอด จริงๆ ว่าจะแปลมาให้อ่านแหละ แต่ด้วยเหตุขัดข้องทางด้านภาษา เลยเอาเป็นว่าตัวใครตัวมัน เกะเกากันตามอัธยาศัย คนเก่งภาษาอังกฤษ ก็ถูกหวยไป
READ MORE -
-
jQuery Lightbox plugin
Demo : http://leandrovieira.com/projects/jquery/lightbox/ Resource Download : http://leandrovieira.com/download/7/
READ MORE -
jQuery – Farbtastic plugin
สำหรับท่านที่ต้องเขียนเว็บเกี่ยวข้องกับค่าสี ให้ยูสเซอร์เลือกสีที่ต้องการ หรืออะไรก็แล้วแต่แหละที่เกี่ยวกับสี ขอแนะนำตัวเลือกสีตัวนี้ farbtastic
READ MORE
