Latest Publications

ขอสักวัน ไม่โคดได้มั้ย

สร้าง Category “Life” มาตั้งนานไม่เคยเขียนอะไรลงไปเลยใน cat นี้ วันนี้ขอสักวัน “ไม่โคดได้มั้ย” (จริงๆแล้วขี้เกียจ 555)

มาขอเล่าเรื่องสัพเพเหระของตัวเองบ้างเถอะ วันก่อนไปดูหนัง มา 2 เรื่องติด 10,000BC กับ The Mist ปกติแล้วผมเป็นคนชอบดูหนังมาก แต่ว่าไม่ค่อยมีเวลาเท่านั้นเอง เสาร์ อาทิตย์ ที่ผ่านมาพอมีเวลาเลยไปดูหนังมา 2 วันติดเลย มาเล่าให้ฟังเรื่องหนังดีกว่า (more…)

Facebox ปลั๊กอินสไตล์ Lightbox อีกตัวที่น่าสนใจ

สวัสดีครับมิตรรัก แฟนเวบ jQueryTips.com ห่างหายจากการอัพเดทไปนาน มาอัพเดททีเขิล กันไปเลย (555)

วันนี้ไม่ได้มาเขียนโปรแกรมโชว์อะไร เพียงแค่จะเอาปลั๊กอิน ของ jQuery ที่มีคนเขียนไว้แล้วมาแนะนำ (วิธีนี้ทำให้อัพเดทบล๊อกได้ไวตามสไตล์คนขี้เกียจ) ตัวนี้เป็น ปลั๊กอินที่ทำงานคล้ายๆ lightbox ทั่วไปเพียงแต่เปลี่ยนมาเป็น base on jQuery ไม่ใช่ javascript แบบปกติ ซึ่งตัดปัญหาเรื่อง javascript ตีกันไปได้เลย และปลั๊กอินตัวนี้ยังทำงาน ร่วมกับ text ได้นอกจากรูปภาพอย่างเดียว (more…)

การใช้ parameters หลายๆ ตัวแบบ inline

ไม่ได้อัพเดทซะนานเลยช่วงนี้งานยุ่งมากๆ เลยครับ เสาร์ อาทิตย์ ก็ยังต้องทำงาน -*- แต่กลัวแฟนๆ jQuerytips จะบ่นวันนี้เลยเอาเรื่องง่ายๆ มาอัพเดทเสียหน่อย พอเป็นกะสัย

หลายๆคนที่เขียน plugin ของ jQuery ใช้เอง คงติดปัญหากับการนำ parameters หลายๆ ตัวไปใช้งานให้ถูกที่ ผมก็เลยจะมาอธิบายการนำ parameters ไปใช้ในลักษณะของ JSON Format กัน มาเริ่มกันเลยดีกว่า (more…)

เปรียบมวยการไต่ DOM ด้วย Javascript ปกติ กับ jQuery

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

Ajax SEO และ jQuery

ช่วงนี้กระแส SEO กำลังแรง เลยขอมาพูดซะหน่อย ^^

ตอนนี้เทรนด์ที่มาแรงในการพัฒนาเวบไซด์คงหนีไม่พ้น Ajax ซึ่งหลายๆคนคงทราบอยู่แล้วว่ามันมีการทำงานยังไง ถ้ายังไม่รู้ก็ลองไปอ่านได้ที่ Blog เพื่อนผมเอง What’s ajax แต่ปัญหาที่สำคัญของ Ajax ก็คือเรื่อง SEO นี่แหละ เพราะจากที่ผมทราบ Googlebot ไม่สามารถที่จะอ่าน Javascript หรือ Events ต่างๆ เช่น onclick, onkeypress, on… ต่างๆ ได้ ทำให้เป็นผลเสียกับ SEO เป็นอยากมาก เพราะ Botengine ไม่สามารถที่จะ เก็บข้อมูลเพื่อไปสร้าง Index ให้ได้ (more…)

ต่อกันด้วยเรื่อง ajax กับการ submit form

เอาล่ะหลังจากทิ้งช่วงอัพเดทไปพักนึง (คนมันงานยุ่งนี่หว่า -*-) วันนี้เรามา advanced แต่ทำง่ายๆ กันด้วยเรื่องของ ajax กับการ submit form หลังอ่านจบคุณจะคิดว่า เทคดนโลยี ajax อะไรเนี่ยมันก็แค่ของเด็กเล่นกันเลย อู้วว์ เรื่องจริง !

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

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

เอาล่ะครับวันนี้มาแนะนำ plugin ตัวแรกกัน ซึ่ง plugin ตัวนี้รับรองได้ 100% ว่าเพื่อนๆ จะหาจากที่ไหนไม่ได้นอกจาก jQueryTips แห่งเดียว เพราะผมเขียนมาเอง อิอิ

สำหรับ plugin ตัวนี้เอาไว้ทำ flush message ที่นิยมใช้ในระบบ shoutbox หรือ news update เป็นต้น รูปร่างหน้าตาเป็นยังไง คลิกไปดูตัวอย่างกันก่อน (more…)

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

สวัสดีมาอีกแล้วครับ บทความดีๆ จาก jQueryTips.com ซึ่งคุณจะหาไม่ได้ที่ไหนอักแล้ว นอกจากที่นี่ที่เดียว เขียนเองสดๆ ไม่มีใช้ตัวช่วย ไม่ใช้สลิง ^_^

วันนี้จะมาขอนำเสอนวิธีเขียน Treeview menu หรือ เมนูแบบรากต้นไม้นั่นเอง โดยที่ผมจะมาเขียนเกี่ยวกับการใช้ ul + li เพื่อสร้างเมนูแบบรากต้นไม้ชนิดไม่จำกัดความลึก เป็นไงมาดูโคดกันก่อน (more…)

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

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

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

จั่วหัวกันซะมั่วซั่ว ก้อย่างเพิ่งงงไปซะก่อนล่ะ พอดีผมเปิด dict หาความหมายของคำว่า sibling มันแปลออกมาอย่างนี้ผมก็เลยเอาตามนี้แหละ ^_^

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