Blog :: JavaScript & jQuery
-
- Jeral Fernandest
- on JavaScript & jQuery
- เมื่อ 22 พฤศจิกายน 2013 เวลา 16 นาฬิกา 53 นาที
การเพิ่ม Element ในหน้า โดยใช้ jquery และรับค่าโดยใช้ PHP แบบง่าย ๆการเพิ่ม Element โดยการใช้ Jquery และรับค่าโดยใช้ PHP ลองดูตัวอย่างกันครับ เรียกใช้ <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script> โค้ด <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type&q.....
-
- Jeral Fernandest
- on JavaScript & jQuery
- เมื่อ 3 ตุลาคม 2013 เวลา 15 นาฬิกา 33 นาที
การใช้ Jquery ทำให้ Text box รับค่าได้เฉพาะตัวเลขโค้ดตามนี้ครับ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text.....
-
- Jeral Fernandest
- on JavaScript & jQuery
- เมื่อ 2 ตุลาคม 2013 เวลา 14 นาฬิกา 35 นาที
ความแตกต่างของ .bind(), .live(), และ .delegate().bind(), .live(), และ .delegate() คือฟังก์ชั่นในการ เพิ่ม event ของ element หรือ selector ได้ (เท่าที่ผมเข้าใจนะ) $('a').bind( 'click', function(e){ alert('This is method bind.'); }) จาก code ด้านบนนี้ .bind นั้นจะสามารถใส่ event ให้กับ Element ที่มีอยู่ในขณะนั้นเท.....
-
- Supachai Wongmoon
- on JavaScript & jQuery
- เมื่อ 27 พฤษภาคม 2013 เวลา 10 นาฬิกา 44 นาที
Slide menu เพื่อประยุกต์ทำ Mobile Appห่างหายไปนานกับการเขียนบล็อกใน function กลับมาคราวนี้เลยอยากมาลองนำเสนอ Workshop ของ Javascript เล็กๆ น้อยๆ ซึ่ง Workshop ครั้งนี้ได้แรงบรรดาลใจมากจาก พวก Mobile App หรือ Web App ที่ชอบซ่อนเมนูไว้ด้านข้าง แล้วพอผู้ใช้จะเรียกใช้เมนูเหล่านั้นก็จะลากมันออกมา ถ้าใครยังไม่เห็นภาพลองเข้าไปได้ที่ m.faceboo.....
-
- Supachai Wongmoon
- on JavaScript & jQuery
- เมื่อ 10 เมษายน 2013 เวลา 0 นาฬิกา 33 นาที
Toggle fade ปุ่มซ่อน/แสดงเนื้อหา แบบค่อยๆ จางFade คือรูปแบบการแสดง และ ซ่อน element ที่ต้องการในรูปแบบค่อยๆจาง/ค่อยๆชัด ลองจินตนาการว่า ถ้าสมมุติผมต้องการซ่อนและแสดงเนื้อหาในเว็บ ส่วนใดส่วนหนึ่ง ผมอาจทำปุ่มขึ้นมา 2 ปุ่ม ปุ่มแรกเอาไว้แสดงเนื้อหานั้น ส่วนอีกปุ่มเอาไว้ซ่อน แต่คิดไปคิดมาผมว่า 2 ปุ่มมันเปลืองเนื้อที่ อยากให้มันเหลือแค่ปุ่มเดียวที.....
-
- Supachai Wongmoon
- on JavaScript & jQuery
- เมื่อ 3 เมษายน 2013 เวลา 1 นาฬิกา 37 นาที
มาสร้าง Tool tip ใส่ในเว็บของเราแบบเรียกใช้งานง่ายๆวันนี้ลองนั่งเขียนให้ JS ทำงานร่วม mouse ลองเล่นไปเล่นมา ลองพยายามเขียนให้มันทำงานได้บนทุกเบราเซอร์ (web development มันเหนื่อยตรงนี้แหละ !! ) พอเล่นไปเล่นมาก็เลยลองทำ tool tip แบบเรียกใช้งานสะดวกๆ ง่ายๆ ใช้งานโดยประกาศเพียง class ขึ้นมาใน element คั่นด้วยเครื่องหมาย "|" แล้วตามด้วยข้อความ.....
-
- Supachai Wongmoon
- on JavaScript & jQuery
- เมื่อ 1 เมษายน 2013 เวลา 23 นาฬิกา 44 นาที
Javascript Shorthandจริงๆ สำหรับใครหลายคนที่คลุกคลีอยู่กับ Javascript มาตั้งแต่ไหนแต่ไรแล้วเทคนิคเหล่านี้คงจะเคยใช้หรือพอผ่านๆ ตาแล้ว วันนี้ไปเจอเทคนิคการเขียน Javascript ให้สั้นลง ซึ่งจะมีประโยชน์หลายอย่าง อาทิลดเวลาในการเขียนโปรแกรมลง หรือช่วยอำนวยความสะดวกในการทำของทดสอบในบางฟังก์ชั่น ในเว็บไซต์ต้นฉบับเขียนไว้หลายเท.....
-
- Stitch Zaa
- on JavaScript & jQuery
- เมื่อ 28 มีนาคม 2013 เวลา 19 นาฬิกา 5 นาที
การกรองตัวเลขให้อยู่ในขอบเขตที่เราต้องการอย่างง่ายๆไปเจอทริกนี้ในโค้ดของฝรั่งครับ เห็นว่าเป็นทริกที่น่าสนใจดี เลยเอามาบอกต่อครับ การกรองค่าไม่ให้น้อยกว่าค่าน้อยที่สุดที่เราต้องการ โดยปกติแล้วเราจะเขียนเชคค่าก่อน ถ้าค่าน้อยกว่าค่าน้อยที่สุดที่เรากำหนด เราถึงจะแก้ค่าให้เป็นค่าน้อยที่สุด แบบตัวอย่าง if (input < min) input = minValue; ซึ่งสามารถเข.....