Archive for December, 2007

Flush Message Plugin หาที่ไหนไม่ได้อีกแล้ว

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

Read the rest of this entry »

TreeView Menu คุณก็ทำได้ ไม่ยากเลย

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

Read the rest of this entry »

มาทำ Horizontal Menu แบบ show/hide กันเถอะ

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

Read the rest of this entry »

Siblings กับการหาญาติทางสายเลือด

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

Read the rest of this entry »

Selectors ในกลุ่มของ input ต่างๆ

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

Read the rest of this entry »

สลัดความขี้เกียจมาอัพเดทเรื่อง tab + ajax กันหน่อยดีกว่า

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

Read the rest of this entry »