เอาล่ะหลังจากทิ้งช่วงอัพเดทไปพักนึง (คนมันงานยุ่งนี่หว่า -*-) วันนี้เรามา advanced แต่ทำง่ายๆ กันด้วยเรื่องของ ajax กับการ submit form หลังอ่านจบคุณจะคิดว่า เทคดนโลยี ajax อะไรเนี่ยมันก็แค่ของเด็กเล่นกันเลย อู้วว์ เรื่องจริง !
คัว jQuery นั้นถ้าใครขยันไปอ่าน manual หรือ api มันบ้างจะเห็นว่ามันสามารถทำงานกับ ajax ได้หลายกรณีด้วยกันทั้งคำสั่ง $.get หรือ $.post ที่เขียนง่ายๆบรรทัดเดียว หรือพวกที่ต้องการข้อมูลเฉพาะๆก็ใช้ $.getJSON, $.getScript ก็ว่ากันไป แต่วันนี้ที่ผมจะมาแนะนำคือคำสั่ง

เอาล่ะครับวันนี้มาแนะนำ plugin ตัวแรกกัน ซึ่ง plugin ตัวนี้รับรองได้ 100% ว่าเพื่อนๆ จะหาจากที่ไหนไม่ได้นอกจาก jQueryTips แห่งเดียว เพราะผมเขียนมาเอง อิอิ
สำหรับ plugin ตัวนี้เอาไว้ทำ flush message ที่นิยมใช้ในระบบ shoutbox หรือ news update เป็นต้น รูปร่างหน้าตาเป็นยังไง คลิกไปดูตัวอย่างกันก่อน

สวัสดีมาอีกแล้วครับ บทความดีๆ จาก jQueryTips.com ซึ่งคุณจะหาไม่ได้ที่ไหนอักแล้ว นอกจากที่นี่ที่เดียว เขียนเองสดๆ ไม่มีใช้ตัวช่วย ไม่ใช้สลิง ^_^
วันนี้จะมาขอนำเสอนวิธีเขียน Treeview menu หรือ เมนูแบบรากต้นไม้นั่นเอง โดยที่ผมจะมาเขียนเกี่ยวกับการใช้ ul + li เพื่อสร้างเมนูแบบรากต้นไม้ชนิดไม่จำกัดความลึก เป็นไงมาดูโคดกันก่อน

บทความของวันนี้ผมจะมาแนะนำการทำเมนู แบบ horizontal ที่มี sub ย่อย 1 ระดับกัน ที่ผมเขียนบทความนี้ก้เพราะผมไปเห็นเพื่อนบางคน เขียน javascript ยุบยับ เดี๋ยวจับ onclick ตัวนี้ ซ่อนตัวโน้น เขียนกันให้ยาวเฟื้อย มาลองวิธีแบบ jQuery ดีกว่า รับประกันความง่าย ^_^

จั่วหัวกันซะมั่วซั่ว ก้อย่างเพิ่งงงไปซะก่อนล่ะ พอดีผมเปิด dict หาความหมายของคำว่า sibling มันแปลออกมาอย่างนี้ผมก็เลยเอาตามนี้แหละ ^_^
สำหรับ siblings ประโยชน์ของมันก็คล้ายๆกับการหา tag เดียวกันแต่ตัวอื่นๆ -*- พูดไปพูดมาก็งงตัวเอง เอาเป็นว่ามาลองดูตัวอย่างกันจะได้ไม่งง เช่นผมจะทำแถบ highlight ให้กับ ข้อมูลชุดนึงเมื่อเอา mouse ไปวางเหนือข้อมูลนั้นๆ ขณะที่เวลาเอา mouse ออก ก็ให้ highlight นั้นหายไปด้วย ผมสามารถเขียนได้ง่ายๆ โดยใช้คำสั่ง siblings นี่แหละ

สวัสดีครับ งวดนี้มาอัพเดทบล๊อกไวกว่าเดิม มากๆ เพราะว่าวันนี้พอมีเวลาว่าง หลังจากวันพ่อผ่านมา มีใครได้พาพ่อ หรือครอบครัวไปเที่ยวไหนมาบ้างครับ ผมเองไปมาหลายที่เลย ก็รู้สึกดีไปอีกแบบ ไปเที่ยวกับครอบครัวแทนสาวๆ บางครั้งก็สบายใจดีเหมือนกันนะครับ อิอิ
เอาล่ะๆ เรามาเข้าเนื้อเรื่องของวันนี้กันดีกว่า ก่อนที่ความขี้เกียจจะเข้ามาแทรกแซง เนื่องจากวันนี้มีเวลาไม่มากนักก็เลยจะขออธิบายเรื่องง่ายๆ อย่าง selector ก็แล้วกันนะครับ

ช่วงนี้แวะไปเวบไหนๆ ก็เห็นคนทำ Tab+ajax เยอะแยะเลย เพราะว่ามันมีข้อดีของมันค่อนข้างเยอะคือ
1. ไม่เกะกะตา ไม่จำเป็นต้องโหลดมาทั้งหมด แสดงผล ยาวปื๊ดๆๆๆๆ
2. ลดการ load ลงเพราะว่า user สามารถเลือกได้ว่าอยากจะดูข้อมูลส่วนไหน แล้วค่อยๆ โหลดมาทีละส่วน
3. เวบดูมีลุกเล่น ขยับใกล้ 1.1 (ไม่ถึง 2 หรอก 555) เข้ามาอีกนิด
4. bla bla bla….
ส่วนตัวของ jQuery นั้นมี plugin เรื่อง tab ให้ใช้มากมายอยู่แล้ว อาทิเช่น….

วันนี้จะมาขอพูดถึงเรื่องการทำงานของ jQuery กับ XML จริงๆ แล้วตัวของ Jquery สามารถทำงานกับรูปแบบเอกสารได้หลายชนิด คือ
1. HTML
2. XML
3. JSON
4. Script
ซึ่งผมมองว่าทุกตัว jQuery สามารถทำได้ดีพอๆกัน เลยว่าจะอธิบายให้หมด (ยกเว้น HTML) แต่เนื่องด้วย…. เวลาอันน้อยนิดของผม ขอเอาเป็นรูปแบบยอดฮิตก่อนละกัน นั่นก็คืออะไรน่าจะเดากันออก XML เพื่อนเลิฟไง ^_^

เอาล่ะครับ อาจจะข้ามขั้นไปนิด ก็คนมันอยากเขียนอ่ะ บอกไว้ก่อนเลยนี่เป็นแค่ “First Step” เท่านั้น จะมาขอกล่าวเรื่อง พื้นๆที่ jQuery ทำได้ เกี่ยวกับ ajax ก่อน ลึกๆมันเขียนได้หลายรูปแบบมาก สามารถกำหนดลำดับการทำงาน ก่อนหลัง header รวมไปถึงข้อมูลที่รับ กลับมาได้ วันนี้เอา เบาะๆ แค่ การส่งค่าไปมาละกันเน้อ let’s begin….

โห ช่วงนี้อัพเดทไววันต่อวันเลย อยากทำได้แบบนี้นานๆจัง อิอิ
ผ่านมาถึงตอนที่ 4 แล้ว ถ้าอ่านกันมาถึงตอนนี้แสดงว่าเพื่อนๆ คงจะสนใจใน library ตัวนี้บ้างจริงมั้ย และผมก็มั่นใจว่าคงแอบไปศึกษาหาความรู้กันเองมาบ้าง ตาม blog ต่างประเทศ หรือ Document ของเวบผู้พัฒนา เพราะถ้าไม่ไปอ่านเอาเองบ้าง แล้วหวังจะมาอ่านตามบล๊อกของผม ผมว่าเละแน่นอน 555 เพราะผมจะเขียนแค่คร่าวๆ เท่านั้น อ่ะนะ เอ้ามาเข้าเรื่องที่จะพูดวันนี้กันเลยดีกว่า….