บทความในหมวด ‘jQuery’

09
April

ปัญหา jQuery tab + listbox + ie6

เขียนโดย platoosom | อ่าน 1153

ผมเคยใช้  jQuery tab มาก็บ่อยครั้ง ไว้สำหรับแสดงข้อมูลเป็นแท็บๆ มันสวยดี  ข้อดีอีกอย่างที่เห็นได้ชัดก็คือ มันประหยัดเนื้อที่ สามารถแสดงข้อมูลจำนวนมหาศาล ได้ในพื้นที่ที่จำกัด

แต่ไม่มีครั้งใดเลย ที่ผมนำเอาแท็บไปใช้ในการแสดงฟอร์มข้อมูล ให้ยูสเซอร์ป้อน ทีนี้ในฟอร์มผมมันก็มีคอนโทรลเพียบไปหมด ทั้งเท็กบ้อก ลิสต์บ้อก ปุ่มเรดิโอ

23
March

Cufon ใช้ฟ้อนท์บนเว็บไซต์ตามใจคุณ

เขียนโดย nevikup | อ่าน 1091

การออกแบบเว็บไซต์ในปัจจุบันมีความหลากหลายมาก ทั้งในส่วนของดีไซน์ การจัดวางเลย์เอาต์ การให้สี การใช้ภาพประกอบ การใช้ฟ้อนท์ที่หลากหลาย

ส่วนอื่นๆ อาจไม่มีปัญหามากนัก ในแง่ของการนำไปใช้จริงบนเว็บไซต์ ยกเว้นในส่วนของการใช้ฟ้อนท์ที่หลากหลาย

เป็นที่ทราบว่าบนอินเทอร์เนตนั้น หากขึนไปใช้ฟ้อนท์แปลกๆ นอกจาก Tahoma หรือ Ms sans-serif อาจทำให้การแสดงผลเป็นภาษาต่างดาวแทน อาจมีการใช้ฟ้อนท์แปลกๆ เฉพาะหัวข้อใหญ่ หรือโลโก้ โดยเลี่ยงไปใช้เป็นภาพแทนตัวหนังสือ วันนี้ขอเสนอการแก้ปัญหาเรื่อง font บนเว็บด้วย Cufon

19
March

ชีวิตสดใส ใช้แอนิเมชั่น jQuery

เขียนโดย platoosom | อ่าน 927

ผมไปเจอปลั๊กอินของ jQuery ตัวหนึ่งชื่อว่า spritely เป็นปลักอินที่ไว้สำหรับสร้างแอนิเมชั่นบนหน้าเว็บ น่าสนใจจริงๆครับปลักอินตัวนี้

จากคำกล่าวที่ว่า 1 ภาพสามารถแทนได้คำพูดได้ หนึ่งล้านคำ ผมก็ขออาศัยคำนี้มาใช้หน่อย เพราะผมคิดว่าให้ท่านดู Live Demo น่าจะอธิบายสิ่งที่ปลั๊กอินนี้ทำได้ ดีกว่าผมนั่งอธิบายจนน้ำลายเปรอะเป็นกระโถน

คลิกดูครับ Live Demo หรือจะดูที่นี่ก็ได้ http://www.quadrifogliorosso.com

ดาวน์โหลดโค้ดตัวอย่างที่ผมทำไว้ และไฟล์ที่จะใช้ในการสอนบทนี้

19
March

เปลี่ยนเลย์เอ้าเว็บด้วย jQuery+CSS

เขียนโดย platoosom | อ่าน 918

เชิญชม Live Demo กระตุ้มต่อมกระสันกันก่อน

เทคนิคนี้เป็นเทคนิคง่ายๆ หลักการก็คือ สร้าง css ขึ้นมา 2 ชุด แต่งให้การแสดงผลเป็น 2 แบบ แล้วก็ใช้ jQuery ช่วย switch css ไปมาระหว่างทั้ง 2 ชุด

ถึงแม้บทความจะเป็นภาษาอังกฤษ แต่ผมก็เชื่อว่าเราน่าจะอ่านได้เข้าใจไม่ยาก หรือถ้าเกิดว่าไม่ถนัดภาษาอังกฤษ ก็ลองนั่งไล่โค้ดดูครับ เมื่อเข้าใจในสิ่งที่เขาคิด เราก็สามารถสร้างสรรค์ผลงานชิ้นใหม่ ต่อยอดจากสิ่งที่เขาได้ได้อย่างไม่ยากเย็น

บทความการทำดังตัวอย่างที่ท่านได้ดูใน Live Demo อ่านได้ที่นี่ครับ http://designm.ag/tutorials/jquery-display-switch/

หวังว่าจะเป็นประโยชน์แก่ท่านที่ได้อ่าน และนำไปต่อยอดเป็นผลงานของตัวเองได้

17
March

Meerkat Jquery Popup โฆษณาโผล่หน้าเว็บ

เขียนโดย nevikup | อ่าน 708

อยากได้ตัว popup หน้าเว็บ สวยๆ ไม่รกหูรกตา ไม่สร้างความรำคาญแก่ผู้เข้าชมเว็บมากนัก ไว้สำหรับโฆษณาหรือแจ้งข่าวใหม่ๆในหน้าเว็บหรือหน้าที่เราต้องการ .. พอจะมีแนะนำสักตัวมั้ย?

คำตอบคือมี แต่ไม่แน่ใจว่าถูกใจมั้ยนะ คลิกไปดูตัวอย่างก่อนดีมั้ย?

เห็นตัวอย่างแล้ว ถูกใจมั้ย? ถ้าถูกใจก็อ่านต่อ ถ้าไม่ถูกใจก็เดี๋ยวไว้วันหลังจะหาตัวอื่นมานำเสนอใหม่

23
January

jQuery tab

เขียนโดย platoosom | อ่าน 1588

ผมเชื่อว่าทุกคนรู้จักแน่นอน แต่อย่างไรก็ชมภาพกันเสียหน่อย ไม่เชื่ออย่าลบหลู่

jQuery tab

jQuery tab ตัวนี้เป็นปลั๊กอินของ jQuery ที่อยู่ในกลุ่มของ jQuery UI ความง่ายในการใช้งานนั้นไม่ต้องพูดถึง แค่สร้าง html ให้เป็นไปตามโครงสร้างที่เขาแจ้งไว้ กับแค่ .tab() อีกกระทอกเดียว อยู่หมัด

งดงามล้ำเลิศ อีกทั้งยังสามารถเปลี่ยนธีมไปเป็นแบบที่ต้องการได้อีกอย่างไร้ขีดจำกัด

22
January

jQuery UI

เขียนโดย platoosom | อ่าน 1205

jQuery UI logo

jQuery UI ย่อมาจาก jQuery User Interface

หลายคนเป็นงง jQuery นั้นพอรู้แล้วว่ามันคืออะไร แต่ไอ้เจ้า jQuery UI นี่คืออะไร

หลังจากที่ jQuery ได้ถือกำเนิดขึ้นมาจาก จอร์น เรซิก ก็ได้เป็นที่กล่าวขวัญกันอย่างมากถึงเรื่องความเร็วในการทำงาน และการท่องไปตาม DOM จะพูดง่ายๆว่าเราจะอ้างถึงอ้อบเจ็กบนหน้าเพจจะเป็นเรื่องง่ายมากๆ

หลังจากนั้นก็มีคนสร้างปลั๊กอินเสริมประกอบตัว jQuery ยิ่งทำให้ jQuery เปล่งประสิทธิภาพอย่างรุนแรง หลังจากที่ปลั๊กอินออกมาเยอะแยะมากมาย เด่นบ้างด้อยบ้าง