Archive for the ‘jQuery’ Category

มาทำ Autosave กันเถอะ jQuery Ajax ช่วยได้

มาอัพเดทต่อๆ วันนี้จริงๆว่าจะนอนแล้วล่ะ เหนื่อยๆ ง่วงๆ เพลียๆ มึนๆ ยังไงชอบกล แต่เอาว่า อยากได้ keyword “AJAX” ก็ต้องขยันอัพกันนิดนึง เพราะผมเชื่อในเรื่อง Content is the King เลย พยายมๆ สร้าง Unique Content ที่มีคุณภาพขึ้นมา ^^
วันนี้เราลองมาประยุกต์ใช้ ajax ในการทำ auto save ดีกว่า จริงๆ plugin แบบนี้ ถ้าหาดูจาก Google ก็จะเห็นอยู่ 2-3 ตัว มีทั้งแบบ save ลง Cookie หรือ ส่งไปทำงานตาม url ที่เรากำหนด พร้อม function restore มาเสร็จสรรพ
แต่เนื่องจากวันนี้ผมไม่ได้มา review แต่จะมาอธิบายถึง การประยุกต์ใช้งาน ajax ใน jQuery [...]

Read the rest of this entry »

มาคุยกันเรื่อง Ajax อีกที ดีกว่ามั้ย?

หลังจากประสบความสำเร็จ กับ 2 keywords หลัก jQuery และ codeigniter ในผลการค้นหาจาก Google ในหน้าภาษาไทย โดยได้อันดับที่ 1 และ 6 ตามลำดับ ตอนนี้จะขอมาเล่น keyword ต่อไป คือคำว่า “AJAX” ซึ่งตอนนี้ยังไม่มีตำแหน่งใดๆ เลย ฮ่าๆๆ
แต่ด้วยจำนวนคู่แข่งที่มีเพียง 375,000 เท่านั้นเอง เลยคิดว่า ไม่น่าจะยากเย็นอะไร โดยเป้าหมายไม่ได้หวัง ถึงอันดับ 1 ขอแค่หน้าแรกได้ก็ดีใจละ ดังนั้นเอาเป็นว่า บทความในวันนี้จะขอ พูดเรื่อง ajax เลยละกัน
หลายๆ คนที่ใช้ ajax ใน jQuery ก็คงจะรู้แล้วว่ามันง่ายแสนง่ายเพียง ไหน ไม่ต้องมาเสียเวลาเขียนโคด 30-40 บรรทัด เพียงแค่บรรทัดเดียวก็ วิ่งฉิว สบายใจเฉิบแล้ว

Read the rest of this entry »

mcDropDown ปลั๊กอินที่หน้าตาคล้ายๆ ปุ่ม Start ของ Windows

ลองสังเกตุ กันบ้างมั้ยครับ เว็บสมัยนี้ พยายามกันอย่างหนักที่จะ ทำยังไงก็ได้ ให้มีเนื้อหาที่ครบถ้วนสมบูรณ์ โดยที่ไม่ทำให้ layout เสีย และ ใช้พื้นที่น้อยที่สุด โดยการทำดังนี้ ผมก็เห็นมาค่อนข้างจะหลายเทคนิควิธี อาทิ เช่น
Tabs – การแสดงผล โดยแบ่งออกเป็น tab ด้านบน แล้วค่อยๆคลิกเปลี่ยนไป
Fade – การแสดงผล โดยการค่อยๆ Fade Content เข้ามา โดยอาจจะมีปุ่ม Next/Back ให้ด้วย

Read the rest of this entry »

AjaxQ เรียงคิวให้ request กันหน่อย

วันนี้แวะมาล้างรถ ในระหว่างที่กำลังรอ ว่างๆ ก็เลยคิดว่าน่าจะม่ Update อะไรสักหน่อย เลย Search Keyword “jquery plugin” จาก Google ดูซิว่ามี อะไรพอจะหยิบยกมาเขียนได้
หลังจากลองสุ่มๆ ดูก็เจอ plugin ที่พอจะมีประโยชน์บ้างมาแนะนำกัน เผื่อใครที่กำลังเจอปัญหาเรื่องนี้พอดี
รู้มั้ยครับว่า Browser แต่ละตัวมันมี Limit ของ Connection Server กันด้วย โดยที่ Mozilla, Opera, Safari มี limit อยู่ที่ 8 connections ต่อ 1 server ต่อ ช่วงเวลา หรือที่แล้วก็ไอ้ตัวเจ้าปัญหา IE มี limit อยู่ที่ 2 !!!!

Read the rest of this entry »

มา Translate กันเถอะ พี่ GG เค้าจัดมาแล้ว

Google Translate
ว้าว ขณะที่ Post ข้อความอยู่นี้ เชื่อมั้ยครับว่าผมเขียนบทความ ลงใน jQueryTips นี้ทั้งหมดกี่บทความแล้ว 80 !!!!! ใช่แล้วตั้ง 80 แน่ะ รวมบทความนี้ก็จะเป็นบทความที่ 81 ไม่น่าเชื่อเลย ว่าตัวเองจะเขียนได้มาไกลถึงขนาดนี้ 555++
ตอนแรกก็กะเขียนเล่นๆ คิดว่า วัน สองวันตัวเอง คงเบื่อ ไปๆมาๆ นี่เขียนกันเป็นปีเลย อืมม์ คิดๆแล้วก็ ภูมิใจแฮะ วันนี้เดี๋ยว export มา backup ซะหน่อยดีกว่า ^^
เอาล่ะๆ มาเข้าเรื่องที่จะเขียนวันนี้กันเลยดีกว่า “ภาษาอังกฤษ” -*- เชื่อแน่ๆ เลยครับว่าปัญหาเรื่อง ภาษา ไม่แข็งแรงนั้น สั่งสมอยู่กับคนไทย มานานแสนนาน ทำให้เราขาดโอกาส และการเรียนรู้ที่ดีๆ จาก international website, e-book หรือสื่อ ภาษาต่างประเทศ อะไรต่อมิอะไรไปไม่ใช่น้อย
แต่ผมคิดว่า ต่อไปนี้ปัญหาอาจจะเบาบางลง ด้วยท่านเทพแห่งโลกไซเบอร์อย่างพี่ [...]

Read the rest of this entry »

jWYSIWYG เปลี่ยน Textarea เชยๆ ให้ดูหรูหรามีระดับ

หวัดดีครับ สาวก jQuery ทั้งหลาย ^^
วันนี้ผมมี Plug in น่ารักๆ อีกตัวมาแนะนำกันอีกแล้ว จำได้มั้ยครับ เมื่อนานมาแล้วผมเคยเอา MarkItUp ซึ่งเป็น jQuery Editor Plugin มาแนะนำกันไป
มาวันนี้ผมก็มีของคล้ายๆกันมาให้ชมกันอีกแล้ว จะต่างกันก็เพียงตัวที่ผมจะแนะนำในวันนี้มันเป็นการ แสดงผลแบบ WYSIWYG (What You See It What You Get) เท่านั้น

Read the rest of this entry »

jQuery XML และ xPath language

“มาๆ อัพเดท Blog กันเถอะ”
เนื่องจากวันนี้มีอารมณ์กรึ่มๆ จากฤททธิ์ แอลกอฮอล์ คือถ้า กรึ่มน้อยกว่านี้ ก็ขี้เกียจ มากกว่านี้ ก้ง่วงนอน แต่ตอนนี้มันกำลังพอดีๆ เลยครึ้มอกครึ้มใจ อยากจะมา อัพเดทบล๊อกให้อ่านกัน อิอิ
บทความเรื่อง xPath Language จริงๆแล้ว ผมก็เคยแนะนำไปก่อน หน้านี้แล้วลองไปอ่านดูกันได้ ที่นี่ แต่ตอนนั้นมันคือ PHP ครับ ตอนนี้ อยากจะพูดถึง xPath ใน jQuery บ้าง

Read the rest of this entry »

val() ใช้แบบนี้ก็ได้ด้วย o_O

เป็นไงสบายดีกันมั้ยครับ ไม่ได้อัพเดทมาชาติกว่าๆ เป็นเพราะติดงาน + ขี้เกียจ 555+
แต่วันนี้แวะเข้าไปแอ่าน Doc ของ jQuery 1.3 มาดูซะหน่อย ดูไปดูว่า ไปเเจอหัวข้อที่เกือบจะเลยไปแล้วเรื่อง Traversing -> val() เพราะคิดว่า มันคงพื้นๆ ก็เข้าใจหมดแล้วนี่หว่า !!!
แต่ที่ไหนได้พอเลื่อนมาดูท้ายๆ เท่านั้นล่ะ ถึงไปเจอเรื่องที่นึกไม่ถึงเข้า เลยเอามาอัพเดทกันนี่ล่ะ (หลายๆคนอาจจะรู้นานแล้ว ผมมันโง่เอง)

Read the rest of this entry »

เรียกใช้ jQuery จาก Google สะดวกไม่ธรรมดา

หลายๆ คนคงจะเอียนบทความเรื่อง CI พอสมควรแล้วตอนนี้ ก็เลยขอเอา jQuery มาคั่นรายการให้สม กับชื่อเวบสักหน่อย สำหรับวันนี้ ไม่ได้มีเทคนิคไรที่อยู่ในส่วนของการ Coding แต่จะเป็น Tip ในส่วนของ การเรียกใช้งานจาก Google ที่ อยู่ในลักษณะของ API
ซึ่งวิธีนี้ทำให้เราไม่ต้องโหลด jQuery มาฝังที่เวบเราเลย เหมือนกับไปเอาไฟล์คนอื่นมา include นั่นล่ะ แต่ระดับ Google แล้วไม่ทำอะไรชุ่ยๆ ให้เสียฟอร์ม แบบนั้น แน่ๆ
มาลองดูกันเลยว่ามันคือ อิหยัง?

Read the rest of this entry »

jTemplate – Template Engine ของ Js

เกริ่น….
หลายๆคนที่เคยเขียนโปรแกรมในลักษณะแยก View ออกจาก Model มาก่อนคงจะคุ้นเคยกับ Template Engine เป็นอย่างดี โดยเฉพาะ ตัวเป้งๆ ของ PHP ที่ชื่อว่า Smarty แต่นั่นมันใน Server Side Script ครับ วันนี้เราจะมาพูดถึงของ Javascript กัน o_O
มาถึงตรงนี้แล้ว หลายๆ คนอาจจะคิดว่ามันจำเป็นด้วยเหรอ บอกได้ตรงนี้เลยว่า ” ไม่จำเป็น ” -*- แต่เพื่อให้โคดที่เราเขียนมีความ Advance แฝงศิลปะแบบโรมัน ไปในตัว ไม่ซ้ำซากจำเจ นับว่าเป็น Plugin ที่แหวก ดีจริงๆ

Read the rest of this entry »