เอาล่ะครับวันนี้มาแนะนำ 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 ให้ใช้มากมายอยู่แล้ว อาทิเช่น....