Show Hint?

Friday, May 9th, 2008

Show Hint Script มันก็คือตัวช่วยที่ทำให้ user เข้าใจการใช้งานโปรแกรมของเรา มากขึ้น เช่น แบบฟอร์มสมัครสมาชิก ซึ่งอาจจะมี text box หรือช่องกรอกข้อความหลายช่อง จึงทำให้ user สับสนว่า อันนี้เราต้องกรอกอะไรนะ? หรือว่า รูปแบบของข้อมูลที่เขาต้องกรอก ต้องเป็นแบบไหนนะ? ซึ่งเมื่อก่อนที่เราเคยทำเว็บที่ผ่านมา ก็อาจจะเขียนข้อความสั้นๆ ไว้หลังแบบฟอร์มว่าช่องนี้ให้กรอกอะไรเช่น เขียนไว้หลัง text box ช่องกรอกพาสเวิร์ดว่า " *กรุณากรอกพาสเวิร์ด 6 ตัวอักษรขึ้นไป " ประมาณนี้ แต่มันทำให้เปลืองพื้นที่ใช้งาน ดูรกหูรกตา ไม่สวยงาม และที่คัญคือ ไม่ทันสมัย!SHARETHIS.addEntry({ title: "Show Hint?", url: "http://www.birdxcite.com/index.php/hint-script/" });

Resize รูปด้วย Java Script

Saturday, December 22nd, 2007

พอดีว่างๆ จากการทำงาน เปิดเว็ปเล่นครายเครียด ไปสักพักไปเจอเว็ปบอร์ดแห่งนึง มันเปนบอร์ด….. ไม่บอกนะ อิอิ คือเวลาเปิดเข้าไปถ้ามีคนโพสรูปมาใหญ่ๆ มันจะโหลดๆๆๆ สักพัก พอโหลดเส็จรูปนั้น อ๊า~ กลับหดเล็กลงเท่าขนาดของบอร์ด ทำให้บอร์ดไม่เสียรูปทรง โอ๊ววว เจ๋ง!SHARETHIS.addEntry({ title: "Resize รูปด้วย Java Script", url: "http://www.birdxcite.com/index.php/resize-javascript/" });

Java Script สำหรับเช็คฟอร์ม input

Saturday, December 22nd, 2007

เคยไหม เวลาที่คุณต้องการทำฟอร์มอินพุต เพื่อกรอกรายละเอียดต่างๆ แล้วส่งค่า เช่นทำฟอร์มให้กรอกหมายเลขโทรศัพท์ แต่ใส่พวกตัวอักษรเข้ามา ทำให้เราได้รับข้อมูลที่ผิดพลาด มันก็มีอยู่หลายวิธีครับ ในการบล๊อกพวกนี้ แต่ผมมีอยู่วีธีนึง ที่สั้นๆ ง่ายๆ โดยการใช้ javascript แต่…มันมีข้อเสียอยู่อย่างเดียว คือเว็ปที่ใส่จาวา เยอะๆ มันจะชอบดีกันแล้วไม่ทำงาน เวลาใช้ก็ต้องดูๆหน่อยละครับ เอ้า ไม่พูดพล่ามทำเพลง มาดูวิธีทำเลยดีกว่าSHARETHIS.addEntry({ title: "Java Script สำหรับเช็คฟอร์ม input", url: "http://www.birdxcite.com/index.php/java-script-validate/" });