Latest Publications

อ่าน xml ทั้งที ไม่มี xPath ได้ไง

เกริ่นกันก่อน หลายๆคนอาจจะเริ่ม ตะหงิดๆ ทำไมพักนี้ผม อัพเดทอะไร หลายๆอย่างไม่ได้ เกี่ยวกับ jQuery เลย นั่นก็เพราะว่า “นึกไม่ออก” นั่นเอง (-*-)

jQuery มันเอาไว้ประยุกต์ใช้งาน มีแค่ Basic ก็สามารถทำได้ทุกอย่างแล้ว ที่เหลือก็หา plugin มานั่งแกะๆ เอาก็จะได้ทักษะเพิ่มไปเรื่อยๆ เอง ยิ่งใครมีพื้น js แน่นอยู่แล้ว แทบจะเรียกว่า ของหมูๆเลย ฉะนั้นในระหว่างที่ยังนึก ว่าจะอัพไรดีไม่ออก ผมก็จะเอาความรู้ ที่พอจะมีตกค้างมาบ้าง มาอัพเดทแทนไปพลางๆ 555 (more…)

ฝนตก ออกไปแรดไม่ได้ ยังมาเจอโรคจิต กวนทีน

สวัสดีครับ ตอนนี้ฝนตกแหมะๆ ติดอยู่กับบ้าน ออกไปไหนไม่ได้ T_T แถมซวยสุดๆ โดนไอ้โรคจิตโทรมาถึงบ้าน มาๆ จะเล่าให้ฟัง

โทรศัพท์: กริ๊งงงงงงงงงงงงงงงง
ผม: สวัสดีครับ
โรคจิต: เอ่อ โทษทีครับที่นั่นที่ไหน (เริ่มแรกยังพูดดีๆ)
ผม: ร้าน……… (บอกชื่อร้านไป) (more…)

มาเรียนรู้ if else ใน jQuery ส่วนของ Css กัน

รู้มัยครับ เราสามารถ เขียน if else แบบย่อในการ add stylesheet ให้กับ jQuery ได้ด้วย แถมการเขียนก็เข้าใจง่ายๆ นิดเดียวเอง โดยตัวอย่างที่จะแสดงให้ดูวันนี้ เป็นการ ใช้ if else อย่างย่อ กับ การทำงานในส่วนของ css เป็นยังไง มาลองดูกัน…

  1. $(document).ready(function() {
  2.   $(‘div#tee’).click(function() {
  3.     var bgc = $(this).css(‘backgroundColor’);
  4.     $(this).css({backgroundColor: bgc == ‘#ffcccc’ || bgc == ‘rgb(255, 204, 204)’ ? ‘#ccccff’ : ‘#ffcccc’});
  5.   });
  6. });

(more…)

ข้อแตกต่างระหว่าง DOM กับ SAX ในการทำงานกับ XML

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

วันนี้มาปูพื้นเรื่อง XML กันอีกสักหน่อย การใทำงานกับเอกสาร XML เราจะทำงานผ่าน “xml parser” เพื่อเป็นการดึงชุดข้อมูลมาทำงาน ซึ่งจะมีอยู่ 2 วิธีหลักๆ ก็คือ DOM และ SAX

โดยทั้ง 2 กันต่างกันยังไงบ้างมาดูกัน

DOM (Document object model)
1. การเข้าถึงข้อมูล: เป็นการสุ่ม (random)
2. การอ่านข้อมูล: เป็นการโหลดเอกสาร XML มาทั้งหมด
3. การจัดการข้อมูล: สามารถจัดการได้ (สร้าง, แก้ไข, ลบ)

SAX (Simple API for XML)
1. การเข้าถึงข้อมูล: ตามลำดับ (sequence)
2. การอ่านข้อมูล: อ่านทีละชุด เฉพาะข้อมูลที่ต้องการเข้าถึง
3. การจัดการข้อมูล: อ่านได้อย่างเดียว (more…)

ลองมาแล้ว Yahoo! Search BOSS

“BOSS (Build your Own Search Service)” API ใหม่แจ่มๆ จาก Yahoo ผมจะไม่ขอพูดถึง ข้อดีข้อเสียอะไรนะแล้วกัน มันต้องไปลองใช้ แล้ว วิเคราะห์กันเอาเอง แต่จะมาบอกถึงขั้นตอนการใช้งาน และ implement เลย

ก่อนอื่นก็ไปสมัคร API Key กันมาก่อน ที่นี่ จากนั้นได้มาแล้วมาทำตามข้างล่างกัน (more…)

get_headers คำสั่งที่มีประโยชน์มากๆ ใน PHP5

PHP5 ที่เราใช้นั้น เท่าที่ผมเห็น และพิสูจน์ด้วยตัวเอง มันมีข้อดีกว่า PHP4 มากๆ นอกเหนือจากการสนับสนุน OOP เต็มรูปแบบแล้ว ยังเพิ่ม built in function อีกมากมาย หนึ่งในนั้นก็คือคำสั่ง get_headers ที่ผมช้อบชอบ (more…)

มาอ่าน XML แบบง่ายๆ ด้วย SimpleXML

จำได้มั้ยครับ สมัยก่อนเวลาเราจะอ่าน xml โดยใช้ php ที ต้องไปใช้คำสั่งตระกูล xml_parser ที่แสนวุ่นวาย มาจน PHP5 เพิ่มคำสั่ง simplexml มา และแล้วทุกอย่างก็เปลี่ยนไปตลอดกาล….

คำสั่ง simplexml เป็น extension ที่เริ่มมีมาใน PHP5 นี้เอง ชุดคำสั่งสามารถช่วยเราจัดการ xml ได้อย่างสบายมือ หยั่งกะท่อง array ^^ วันนี้ผมจะมา อธิบายแค่ชุดคำสั่งที่ใช้ในการ read เท่านั้นก่อน จะได้ไม่เป็นการยากเกินไป (more…)

รวมฮิต jQuery Plugins มากกว่า 200 รายการ

มาแล้วครับ กับรวม plugins จำนวนมากมายของ jQuery ให้ไปเลือกใช้กันจนตาแฉะ ไปข้างนึงเลย ตัวกระผมเอง ก็ยังทดสอบดูไม่หมด (ไม่ถึง 1 ใน 4 ด้วยซ้ำ -*-)

ฉะนั้นถ้าตัวไหนเจ๋งตัวไหนแจ่มก็มา Comment ทิ้งกันไว้หน่อย ผมจะได้เอาไปลอง แล้วจะได้มา Review กันสดๆ ว่าอันไหนดี ไม่ดี ใช้งานง่าย ไม่ง่ายยังไง

แต่รับรองไดอย่างนึง ถ้าจะทดสอบทุกตัว คงใช้เวลา ลากยาวไปทั้้งอาทิตย์แน่นอน ก็เอาไว้ ฆ่าเวลา หรือ จะฆ่าตัวเองก็สุดแล้วแต่

อ้อ ไม่ลืมๆ Credit มาจากเวบนี้ครับ Kollermedia.at ทำให้เป็นนิสัยซะ ไม่ใช่สุ่มสี่ สุ่มห้า ไปหยิบของเค้ามา มันน่าละอาย (more…)

Ajax with jQuery (Media version)

คราวนี้ขอ อัพเดทแบบง่ายๆ ทีนึง พอดีไปแวะ Youtube มาเลยลอง หา jQuery Tutorial มาฝาก คราวนี้เป็น basic ajax ครับ แต่ ajax พื้นๆ ที่ไม่ต้องพึ่งพา ปลั๊กอินใดๆ แค่ jQuery ตัวเดียวก็เหลือแหล่

เนื้อหาก็เป็นการสอน เกี่ยวกับ ajax กับการรับ response ในรูปแบบต่างๆ เช่น html, xml เอาเป็นว่าไปดูกันเองเลยดีกว่า (more…)

Jeditable แก้ไขในทุกที่ ที่อยากจะทำ

สวัสดีกันอีกครั้ง พักนี้มาอัพเดทถี่แฮะ ใช้วิธีเอา Plugin ของชาวบ้านชาวช่อง มาอัพเดท นี่มันง่ายดีไม่ต้องใช้พลังเยอะ Demo Page ก็ไม่ต้องเขียนเลย 555

เอาล่ะ พร่ำไร้สาระกันมาเพียงพอแล้ว มาเข้าถึงเรื่องที่จะมาอัพเดท กันวันนี้ดีกว่า…

หากสังเกตุกันสักหน่อย เวลาท่องเวบ เดี๋ยวนี้พวกเวบสมัยใหม่ๆ มีเทคโนโลยีดีขึ้นเยอะ ไม่ใช้เวบถึกๆ แบบสมัยก่อนอีกแล้ว การทำอะไรก็มักจะตอบสนองได้เร็ว ทันใจผู้ใช้งาน แบบแก้อะไรปุ๊บ เปลี่ยนทันที ไม่ใช่มารอ reload page กันที ไปอาบน้ำได้เลย ฉะนั้น plugin ที่จะอัพเดทวันนี้ก็เกี่ยวกับเรื่องพวกนี้ล่ะ (more…)