ความแตกต่างเล็กๆ น้อยๆ ของ Ready และ Load Events

October 22, 2016 admin 0

วันนี้ผมจะเสนอข้อแตกต่างเล็กๆ ของสอง Event ก็คือ ready และ load ตัวแรกก็คือ $(document).ready(function () { $(document).ready(function () { //จะทำงานก็ต่อเมื่อ Dom โหลดเสร็จพร้อมใช้ });//End ready ส่วน Dom มันย่อมากจาก Document Object Model (DOM) ส่วนส่วนว่าคืออะไรสามารถดูที่  HTML […]

JavaScript Callback Functions ใช้ตอนไหนอะ(อาจจะงงหน่อยนะแต่มัน Work สุดๆ)

August 30, 2016 admin 0

JavaScript Callback Functions ในหัวข้อนี้ก็คงมีหลายๆ Web Site คงได้นำเสนอหลักการทำงานกันให้เข้าใจได้เป็นอย่างดีนะครับไม่ว่าจะเป็นภาษาไทยภาษาอังกฤษ ผมเองก็หาศึกษาจาก Web Site เช่นกันจะซึ่งสามารถเข้าใจได้ไม่อยาก แต่ปัญหาของตัวผมเอง คือแล้วเราจะเอาอันมันมาใช้ตอนไหนดีละนี่และคือปัญหา สำหรับ Post นี้ผมเลยอยากที่จะขอยกตัวอย่างที่ ง่ายๆ และสามารถใช้ได้จริงครับ ถ้าเพื่อนๆ อ่านบทความนี้แล้วก็พอที่มองเห็นภาพ ประโยชน์ของเจ้า Callback  กันบ้างนะครับ(แต่สำหรับคนที่เข้าใจเป็นอย่างดีแล้ว ถ้าผมนำเสนอผิดพลาดประการใดแนะนำผมได้นะครับ)

JavaScript Templating Engines

August 6, 2016 admin 0

ก่อนอื่นที่เราจะมาทำความรู้จักกับการใช้ Template Engines เรามารองดูปัญหากันก่อนนะครับ ตอนที่ผมเริ่มลองใช้ Ajax กับ Json ใหม่ๆ ผมก็มีการเขียน Code เพื่อวาด Table ดังตัวอย่าง Code ด้่งล่างครับ

Image to Base64 (Drag And Drop)

July 30, 2016 admin 0

       Base64 วันนี้จะขอแนะนำการใช้งาน Base 64 สักหน่อยครับ (ก็ไม่รู้ว่าเรียกถูกหรือเปล่าแต่เอาเป็นว่าเข้าใจตรงกัน ละกันนะครับ) เพราะตัวผมเองก็เคยสงสัยว่ามันจะใช้ประโยชน์ตอนไหนใช้งานยังไง วันนี้ผมได้ใช้ประโยชน์จากมันแล้วเลยนำมา แชร์ประสบการณ์ให้เพื่อนๆ ได้เห็นกันหากเพื่อนใช้งานในรูปแบบอื่นๆ ก็แนะนำให้ผมฟังบ้างครับเพื่อเป็นความรู้ครับถือว่าได้บุญครับผม ^__^

data attribute

March 21, 2016 admin 0

สวัสดีครับวันนี้ผมมี Tag Html ใหม่ๆ ที่มีประโยชน์มาแนะนำให้เพื่อนๆ ได้รู้จักกันครับโดยตัว Tag ตัวนี้มีชื่อว่า data ซึ่งถูกเพิ่มเข้ามาใน HTML5 ถ้าวิว code ดูใน WebSite สมัยใหม่ๆ ก็น่าจะพอผ่านตามากันบ้างแต่มันมีประโยชน์อย่างไรใช้แบบไหน ผมจะเล่าให้ฟังนะครับ มีหลายๆ ครั้งเวลาที่เราเขียน Web page แล้วเรามีค่าบางอย่างที่ต้องการจะเขียนใส่ Tag Html […]

จำลองค่า msg.d เอง

January 30, 2016 admin 0

วันนี้ผมจะขอยกตัวอย่างการจำลองผลลัพธ์ของเจ้า $.ajax  จาก Code ด้านล่างหากเรา alert ผลลัพธ์ดูเราก็สามารถจะเห็นผลลัพธ์ตามรูปด้านล่างนะครับ

bootstrap-datepicker ที่แสดงปีเป็น พ.ศ ได้ (ของแท้เดือน กุมภาพันธ์ 2559 ต้องมี 29 วันนะ U)

October 20, 2015 admin 0

ก่อนเหมือนอย่างที่เคยครับ หลังจากที่ผมแก้  datepicker ของ jQuery UI  ไปแล้ว ก็มีเพื่อนๆ แฟนเพจของทาง JavaScriptthai ได้เข้ามาทำถามว่าทำไมหา datepicker  (ปฎิทิน) ที่เป็นของ bootstrap ไม่เจอเลยวันนี้ผมก็เลยทำมาให้เพื่อนๆ ได้ใช้กันครับ เรามาดูตัวอย่างตามด้านล่างกัน

Jqeury กับ Ajax ของ asp.net ไม่ทำงาน

March 31, 2015 admin 0

เพื่อนๆ ที่เขียน ASP.NET โดยใช้ AJAX ที่เป็น Controls สำเร็จรูปของ .NET   อาจเคยเจอปัญหาความไม่เข้ากันของทั้งสองค่ายกันบ้างนะครับ  ปัญหาที่เจอ ตัวอย่างเช่น Code ด้านล่างเป็นการใช้ Jquery สำหรับบังคับ input txet ให้กรอกข้อมูลได้เพียงตัวเลขเท่านั้น

Convert Data Table To Json (Webservice ASP.Net)

May 7, 2014 admin 0

Post นี้สำหรับ Dev ที่ทำการ Develop Json ด้วย .Net ครับ ถ้าหากใครที่เคยได้ศึกษามาบ้างแล้วทางที่ถูกต้องที่สุดคือการสร้าง Object Properties มาใช้งานตามตัวอย่าง Code ด้านล่างครับ ซึ่งผมก็เห็นด้วยกับวิธีการดังกล่าว

มาเขียน Progress bar (JavaScript) ไว้ใช้เองกันเถอะ

September 27, 2013 admin 0

ในปัจจุบันมี Frameworks  หลาย Frameworks   ที่มีการทำ  Progress Bar ไว้ให้ใช้มากมาย  ยกตัวอย่างตามตารางด้านล่างซึ่งสามารถนำมาใช้ได้เลย แต่ในบางครั้ง Framework เหล่านี้อาจไม่สามารถทำการ Customize ได้อย่างที่เราต้องการ  100%  ซึ่งหากเราเข้าใจวิธีการทำงานของมัน เราก็จะสามารถที่จะสร้าง Progress bar ขึ้นมาใช้งานเองได้ และเราก็จะะสามารถที่จะปรับเปลี่ยนตามใจได้อย่าง 100%  ข้อดีอีกอย่างนึงก็คือเรายังสามารถที่จะนำไปต่อยอดเป็นอย่างอื่นได้อีก  ผมจึงได้นำเสนอบทความนี้ขึ้นมาเป็นอีกหนึ่งทางเลือกครับ

Text Highlight Style Google

September 16, 2013 admin 0

วันนี้ผมจะมาแสดงการทำ Text Highlight Style Google ตามตัวอย่างด้านล่างคือ Site ที่ผมได้ทำไว้โดยการแสดง ผลการค้นหาคล้ายกับของ Google จามรูปด้านล่างให้สังเกตุคำว่า “porsche” ซึ่งถูก Highlight ด้วยสีแดง  หลักการทำงานของ Code คือ replace คำที่ต้องการ Highlight แล้วทำการ Replace TagHtml กับ Class ที่เราได้กำหนดไว้   ยกตัวอย่างเช่น Text เต็มของเราคือ porsche cayman strosek 1200×1600 หลังจากผ่าน Function แล้วก็จะกลายเป็น 

Javascript clear form

September 14, 2013 admin 0

เบื่อไหมครับกับการ Clear Data จาก Form ต้องมานั่งเขียน Script Set ค่าว่าง(“”) ที่ละค่าไปที่ Element แต่วันนี้ผมมีวิธีที่สบายกว่าเดิมมานำเสนอครับ โดยท่านสามารถนำ ไปประยุกต์ใช้ได้อีกหลายอย่าง

CSS Browser Selector

September 7, 2013 admin 0

    ปัญหาการแสดง CSS ที่แตกต่างกันระหว่าง Browser ปัญหานี้เป็นปัญหาที่ ค่อนข้าง Classic สาเหตุเนื่องมากจาก Browserแต่ละตัวใช้ Rendering Engine ที่แตกต่างกันครับ     ปัญหาที่เกิดขึ้นก็คือเราจะได้หน้าตาของ Page ที่แต่ต่างกันอาจจะแตกต่างกันเล็กน้อยหรือถึงขั้นใช้งานไม่ได้เลยก็มี แม้ว่าจะเป็น Browser เดียวกันก็ตามแต่แตกต่างกันที่ Version ก็แสดงผลไม่เหมือนกันแต่วันนี้ผมมีตัวช่วยที่จะมาช่วยแก้ปัญหานี้ครับ