-
ลบแถวออกจากตารางด้วย jQuery
ขอเล่นกับตารางและ jQuery อีกสักบทความ เหมือนเดิมครับ เน้นที่ง่ายๆ เอาไปประยุกต์ต่อ บทความในตอนนี้สิ่งที่จะทำคือ เมื่อท่านคลิกแถวไหนของตาราง แถวนั้นก็จะถูกลบออกไปจากตารางทันที มาดูกันครับว่า ทำอย่างไร Live Demo โครงสร้าง HTML : <table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr> <td>1</td> <td>สุรวงศ์</td> </tr> <tr> <td>2</td> <td>เพชรบุรีตัดใหม่</td> </tr> </table><table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr> <td>1</td> <td>สุรวงศ์</td> </tr> <tr> <td>2</td> <td>เพชรบุรีตัดใหม่</td> </tr> </table> include jQuery เข้ามา : <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> เขียนโค้ด : $(document).ready(function(){ […]
READ MORE -
เพิ่มแถวเข้าไปในตารางด้วย jQuery
มันเป็นอะไรที่ง่ายมากๆครับผม ถ้าเกิดว่าเราเขียนด้วย javascript ธรรมดา คงต้องใช้โค้ดหลายบรรทัดทีเดียว แต่ถ้าใช้ jQuery นะแค่ 2-3 บรรทัดเอง จ้า มาดูกันว่าทำยังไง ภาพสำเร็จหน้าตาอย่างนี้ Live Demo โครงสร้าง HTML : เตรียมปุ่มไว้ด้วย พอคลิกปุ่ม ให้เพิ่มแถวเข้าไป <input type="button" name="button" id="button" value="เพิ่มแถว" /> <table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr> <td>1</td> <td>สุรวงศ์</td> </tr> <tr> <td>2</td> <td>เพชรบุรีตัดใหม่</td> </tr> </table><input type="button" name="button" id="button" value="เพิ่มแถว" /> <table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr> <td>1</td> […]
READ MORE -
ไฮไลท์แถวในตารางด้วย jQuery
การทำไฮไลท์แถวในตาราง ก็เพื่อให้ยูสเซ่อร์มองได้สะดวก เมื่อข้อมูลมันเยอะๆ ผลลัพธ์จะเป็นดังภาพครับ Live Demo มาดูกันครับว่าทำอย่างไร โครงสร้าง HTML : <table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr class=’even’ > <td>1</td> <td>สุรวงศ์</td> </tr> <tr class=’odd’ > <td>2</td> <td>เพชรบุรีตัดใหม่</td> </tr> <tr class=’even’ > <td>3</td> <td>รามอินทราทีมA</td> </tr> </table><table id="table"> <tr> <th>ลำดับ</th> <th>สาขา</th> </tr> <tr class=’even’ > <td>1</td> <td>สุรวงศ์</td> </tr> <tr class=’odd’ > <td>2</td> <td>เพชรบุรีตัดใหม่</td> </tr> <tr class=’even’ > […]
READ MORE -
แจกธีม SMF
โทนสีน้ำตาล เมนูแสดงเป็นแทบ สามารถปรับแต่งรูปหน้าบอร์ดได้ง่าย แจกฟรีครับ – ซัพพอร์ต SMF 2.0 xxx ดาวน์โหลดธีมนี้ที่นี่นะ ใครเอาไปใช้แล้วมีปัญหาอย่างไรสามารถสอบถาม ได้ที่นี่ http://www.select2web.com/forums/index.php?topic=37.0
READ MORE -
RSS คืออะไร
ผมเขียนบทความตัวนี้ ด้วยความไม่แน่ใจนัก ไม่แน่ใจว่ามันจะไร้ประโยชน์หรือเปล่า เพราะในปัจจุบันนี้มีน้อยคนนักที่จะไม่รู้จัก RSS RSS นั้นเกิดขึ้นด้วยเหตุผลที่ว่า เพื่อเป็นการแลกเปลี่ยนข่าวสารกันระหว่างเว็บ หรือเพื่อเป็นช่องทางในการกระจ่ายข่าวจากต้นตอ ไม่ต้องใช้วิธีก้อปปี้แล้ววาง เวลาข่าวที่แหล่งต้นตอเกิดการแก้ไข เว็บที่นำ RSS ไปแสดงก็จะเปลี่ยนเองโดยอัตโนมัติ และอีกหลายเหตุผลครับ ผมขอยกเอาบทความจากเว็บอื่นมาให้ท่านอ่านละกันนะครับ เพราะว่าเขาเขียนไว้หลายที่หลายแห่ง กระจ่างชัดเจนดีแล้ว RSS คืออะไร จากเว็บวิกิพีเดีย RSS คืออะไร จากเว็บกรุงเทพธุรกิจ RSS คืออะไร จากเว็บ rss.in.th RSS คืออะไร จาก yahoo รอบรู้ เพียงท่านอ่านลิ้งก์ด้านบนที่ผมจัดไว้ให้ ผมเชื่อว่าต่อไปนี้ท่านรู้แล้วล่ะว่า RSS คืออะไร หลังจากท่านรู้แล้วว่ามันคืออะไร อ่านบทความนี้ต่อเลยครับ ดึง RSS มาแสดงในเว็บ ง่ายๆ ด้วย lastRSS
READ MORE -
mySQL กับค่า NULL
ผมสร้างตาราง administrator มาตัวหนึ่ง มีฟิลด์หนึ่ง ชื่อ active ผมให้เก็บค่า 1 (active) กับค่า null (non-active) ปกติแล้วผมสนใจแต่คนที่ active อยู่เท่านั้น ปัญหาเลยไม่เจอ มาเมื่อไม่กี่วันนี้เอง อยากรู้รายชื่อของคนที่ non-active อยู่ ผมใช้คำสั่งนี้เลย
READ MORE -
JSON คืออะไร
ถ้าท่านสนใจเรื่อง AJAX แล้วละก้อ คงหลีกหนีไม่พ้นที่จะต้องรู้เรื่องของ JSON ตอนที่ผมเริ่มศึกษา AJAX ผมจะเจอคำนี้บ่อย แล้วก็งงๆ ว่ามันคืออะไร เทคโนโลยีใหม่เหรอ ภาษาใหม่เหรอ หรือมันคืออะไรกันแน่ แล้วมันใช้งานยังไง JSON ไม่ได้เป็นอะไรมากไปกว่า ฟอร์แมตของข้อมูล มันคือเท็กที่เขียนคร่อมด้วย เครื่องหมาย [],{} เท่านั้นเองครับ ดูตัวอย่าง [ {“firstname”:”วัชรเมธน์”, “lastname”:”ศรีเนธิโรทัย”}, {“firstname”:”ธนเจฎก์”, “lastname”:”ลัดดาไสว”}, ] นี่ละครับที่เขาเรียกกันว่า JSON ไม่มีอะไรเลยนอกจากรูปแบบของข้อมูล วันหลังผมจะมาเขียนเรื่อง jQuery AJAX เพื่อจัดการกับข้อมูลแบบ JSON ซึ่งมันแสนจะง่ายบรม ลองอ่านบทความของท่านอื่นเพิ่มเติมอีกหน่อยนะครับ ท่านจะเข้าใจ JSON มากยิ่งขึ้น JSON จาก Wikipedia เปิดโลก Ajax ตอน JSON รู้จักกับ JSON มาลองใช้ JSon ในการรับส่งข้อมูล เปิดโลก Ajax […]
READ MORE -
มาติดตามข่าวสาร select2web ผ่าน google gadget กันดีกว่า
ช่องทางในการเผยแพร่ข่าวสารเว็บเราให้เป็นที่รู้จัก นอกจาก rss , twitter , igoogle แล้ว ยังมีอีกทางนึงก็คือ เผยแพร่ผ่านทาง google desktop โดยสร้างขึ้นมาเป็น gadget ให้เหล่าผู้ใช้นำไปติดตั้งในเครื่อง gadget เป็นทางที่สะดวกทางหนึ่ง ต่อผู้ใช้ เพราะว่าเขาไม่ต้องเปิดเบราเซอร์ เพื่อเข้ามาดูในเว็บว่ามีอะไรใหม่หรือเปล่า แต่ดูได้ผ่านหน้าจอ เดสก์ทอป ได้เลย เมื่อวานผมไ้ด้โมดิฟาย gadget ตัวหนึ่งเพื่อใช้แสดงโพสต์ใหม่ในเว็บผม หน้าตาสำเร็จแล้ว มันจะเป็นอย่างนี้ครับ สำหรับวิธีการใช้งานนั้น ก่อนอื่นท่านต้องติดตั้ง google desktop ก่อน โดยท่านสามารถ ดาวน์โหลด ได้ที่นี่ หลังจากนั้น ดาวน์โหลด select2web RSS.gg ดับเบิลคลิกไฟล์ select2web RSS.gg ทำการติดตั้ง หลังจากติดตั้งเป็นการเรียบร้อย ท่านก็สามารถติดตามเว็บผมได้ผ่านทางหน้าเดสก์ทอป แล้วครับ
READ MORE -
เรียนรู้ google map api
ผมเชื่อว่าหลายๆท่านคงทราบกันดีแล้วว่า google map นั้นคือบริการแผนที่ออนไลน์ จากบริษัทกูเกิล ของเขาดีอย่างเหลือเชื่อ ทางกูเกิลเองอนุญาติให้เรา นำแผนที่มาไว้ในเว็บเรา และเขียนโปรแกรมควบคุมแผนที่ได้ ไม่ว่าจะเป็นการเพิ่มหมุดลงบนแผนที่ ใส่ภาพไอค่อนลงไปบนแผนที่ และอื่นๆอีกเยอะ ทำให้เว็บไซต์หลายๆเว็บไซต์ นำความสามารถนี้มาใช้กับเว็บของตัวเอง จนโด่งดัง ตัวอย่างเช่น เว็บฝากขายบ้าน ถึงแม้ว่าเราจะไม่ได้เปิดให้บริการอย่างเว็บด้านบน ถ้าหากว่าเรารู้เรื่อง google map api เราสร้างแผนที่ให้กับบริษัทที่เราทำงานอยู่ ก็ได้ มันเป็นเรื่องที่น่าสนใจนะครับผมว่า ผมคิดๆว่าจะเขียนซี่รี่เรื่องนี้ ตั้งแต่แรกเริ่มไปจนถึงพิศดาร ด้วยสำนวนภาษาของตัวเอง แต่เอาไว้ก่อนละกันครับ วันนี้ผมขอแนะนำลิ้งก์บทความที่เขาเขียน เกี่ยวกับเรื่องนี้ เป็นการชิมลางก่อนละกัน และเพื่อเป็นการเตรียมตัวกัน Tutorial แบบบ้านๆ – Basic Google Maps API Maps Developer การใช้ Google Maps API เพื่อสร้าง Google Map Mashup ผมเชื่อว่าหลังจากที่ท่านได้อ่าน tutorial เหล่านี้แล้ว ดีไม่ดี ท่านอาจจะเป็นผู้ชำนาญเรื่อง […]
READ MORE
Beeanca
Modern Blogging Template
