Post archive
Tag: jQuery
-
jQuery – Farbtastic plugin
สำหรับท่านที่ต้องเขียนเว็บเกี่ยวข้องกับค่าสี ให้ยูสเซอร์เลือกสีที่ต้องการ หรืออะไรก็แล้วแต่แหละที่เกี่ยวกับสี ขอแนะนำตัวเลือกสีตัวนี้ farbtastic
READ MORE -
jQuery คืออะไร
jQuery เป็น javaScript Framework ที่เด็ดสะระตี่ ไอ้ตี๋เยาวราช ตัวหนึ่ง (โม้ให้มันเว่อร์เข้าไป) แล้ว javaScript Framework มันคืออะไร ถ้าจะพูดให้ฟังกันง่ายๆ มันก็คือจาวาสคริปต์ ที่เขาเขียนไว้เป็นฟังก์ชั่นสำเร็จรูป ให้เราใช้งาน นั่นแหละ มันจะมีรูปแบบการเรียกใช้งาน ซึ่งก็ต้องศึกษากันเล็กน้อย แต่เชื่อเถือว่า คุ้มค่ากับการศึกษา แน่นอน ลองแอ๊กแซมเพิ่ล ที่นี่เรียกน้ำย่อยกันก่อน http://ui.jquery.com/demos/datepicker แล้วทีนี้มันเด็ดสะระตี่ ยังไง เร็ว ร่ำลือกันว่าเร็วกว่า javascript ถึง 700% ง่ายในการใช้งาน มีคนเขียน control แจกเพียบ เรียนรู้ไม่ยาก
READ MORE -
คุณต้องเลือกอย่างน้อย 1 ตัว ด้วย jQuery
ความต้องการของเหตุการณ์ครั้งนี้มีอยุ่ว่า ทำระบบลงทะเบียนรับข่าวสาร และมีตัวเลือกให้เขาเลือกว่าจะรับข่าวสาร อะไร แบ่งเป็นหมวดๆ หรือจะเลือกรับมากกว่า 1 หมวด ได้ การเขียน jQuery เช็กจะเป็นดังนี้ 1 2 3 4 5 if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; }if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; } 8 9 […]
READ MORE -
การตรวจดูว่า checkbox เป้าหมาย ถูก checked หรือไม่ ด้วย jQuery
ของบางอย่างสำหรับบางคน ดูว่าง่าย ของบางอย่างสำหรับบางคนดูว่ายาก ของบางอย่างสำหรับบางคน หากันเป็นวัน กว่าจะได้ เมื่อได้มาแล้ว ก็เก็บไว้ดูเองสักหน่อย คือความต้องการ มีอยู่ว่า อยากรู้ว่า checkbox ตัวหนึ่งที่เราเตรียมไว้ ถูก user ติ๊กเลือกหรือเปล่า ถ้าติ๊กเลือกจะได้ให้เขาป้อน ข้อมูลใน textbox ที่เตรียมไว้ด้วย ถ้าไม่ติ๊กเลือกก็แล้วไป 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 if ( $( "#administrator_recieve_daily:checked" ).val() == 1 ) { //+ ตรวจสอบอีเมล์ว่าถูกต้องหรือไม่ if( […]
READ MORE -
ใช้ jQuery จัดการ listbox
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type="text/javascript"> $(document).ready(function() { $("#myform select[@name=’list’] option[@selected=’selected’]").removeAttr("selected");//remove any selected items $("#myform select[@name=’list’] option[@value=’2′]").attr("selected","selected");//select beta $("#myform select[@name=’list’] option").removeAttr("selected");//remove any selected items (alternative method) $("#myform select[@name=’list’] option:eq(3)").attr("selected","selected");//select delta (it finds the third child) }); </script> <form id="myform" name="myform" method="post" action=""> […]
READ MORE
