Home » Level 2 การประยุกนำไปใช้งาน, อื่นๆ » โอ้มายดั๊ก (เป็ดแดงฉาน) … อินี๊ หาไม่เจอว่า code jquery ของ textbox อันนี้มันอยู่ตรงไหนนะนายจ๋าาา

0

ผมคิดว่า ทุกท่านที่เคยเขียน jquery คงเคยเจอกับปัญหา หา code jquery ที่ผูกกับ DOM ใดๆ เช่น text box  หรือ drop down box ไม่เจอ ไม่รู้ว่ามันไปซ่อนอยูตรงไหนกันนะ  (เล่นซ่อนแอบ เป็นนางเอกหนังอินเดีย ไปได้ ฮาๆๆ)

วันนี้ผมมี tools มาแนะนำท่าน ซึงคิดว่าหลายๆท่านที่เคยเขียน jquery มาสักระยะเวลานึง คงเคยเห็นมันมาแล้ว  พระเอกของเราในงานการค้นหา code jquery คือ

แต๊น … แต๊น… แต๊น  ……  เค้าคือ ควายคิวรี่ (Fire Query) –> อ่านว่า ไฟร์คิวรี่นะครับ อย่าบ้าจี้ตามผมละ – -” 

ก่อนอื่น  เรามาโหลดควาย คิวรี่  (Fire Query) กันก่อนที่

https://addons.mozilla.org/en-us/firefox/addon/firequery/

click ที่ add to fire fox ได้เลยนะครับ  (หากสุภาพสตรีสวยๆท่านใด ไม่สามารลงได้  ผมยินดีสอนให้ถึงห้องนอนพร้อมขนมหวาน นาม dark coder (ฉายาผมเอง ) , สำหรับท่านสุภาพบุรุษที่ติดปัญหา หากต้องการความชวยเหลือ ผมจะส่งทีมงานเกย์คิงร่างถึกและบึกบึน ไปสอนให้ท่านถึงห้องน้ำเช่นกันครับ – ฮาๆๆ พูดเล่นนะครับ)

หลังจากลง fireQuery แล้ว เจ้า fireQuery เนี่ยมันจะไปเกาะอาศัยอยู่กับ FireBug
โดยเราจะเปิดเจ้า Fire Query ให้มันทำงานโดยไปที่ FireBug -> Console -> ติ๊กถูก ที่ Use Jquery Lint ตามในรูปครับ

เมื่อเราทำการ เปิด fireQuery แล้ว  มามะ  เรามาทรยศบ้านเกิดกัน ลองไปจิ้มเว็บ jquery.com กัน ว่าโค๊ดปุม Run Code ที่ หน้า home ของ jquery.com ซ่อนอยู่ที่ไหนกัน

1. ก่อนอื่นเราก็ต้องใช้ firebug ไปจิ้มที่ element ใดๆ ที่เราต้องการตรวจสอบว่าโค๊ดซ่อนอยู่ที่ไหน ในที่นี้คือ button “run code”
2. เมื้อเอา firebug ไปจิ้ม  จะเห็นตัวหนังสือ สีเขียวๆ ม่วงๆ  เขียนว่า event=xxxxxx  click ตรงงนั้นเลยยยยยย
3. เมื่อเข้ามาใน DOM Object แล้ว ให้ click ที่เครื่องหมาย + ด้านหน้า คำว่า click
4. click + หน้าเลข 0 อีกครั้ง
5. ที่หลัง  handler   จะมี คำว่า function() สีเขียวๆ  เมื่อ click มันจะนำเราไปยัง  code ที่ความคุม event click ของ button “run code” แล้ว   ….. แย้ๆ  ยินดีด้วย

Leave a Reply