http://mojs.io/

January 22, 2017 admin 0

http://mojs.io/ แนะนำ javascript ทำ motion แบบโดนๆ รับรองว่าคุณต้องชอบ

chancejs เจ้าพ่อแห่งการ Random

August 19, 2016 admin 0

มีหลายครั้ง ที่งานของพวกเราชาว It บางครั้งเราจำเป็นที่จะต้องไปข้องเกี่ยวกับการ Random ค่าต่างๆ  ซึ่งสมัยก่อน ผมคงต้องมานั่งหา Function ตาม internet มาใช้งานตามตัวอย่างข้างล่าง

animation story ชีวิต Developer

April 8, 2016 admin 0

ผมไปเจอตัวอย่างตัวนึงใน internet นี่แหละครับ เจอครั้งแรกบอกได้เลยว่ามันใช่เลย ชอบเลย ก็เลยนำมาเป็นแรงบรรดาใจให้กับตัวเองและก็เพื่อนๆ เพื่อที่จะทำการ Develop อะไรแบบนี้ออกมาบ้าง โดยในส่วนของ Post นี้ไม่มีคำอธิบายอะไร หากสนใจก็เอาไปแกะเอาเองครับ หากสงสัยหรือแกะแล้วไม่เข้าใจตรงไหนเพื่อนๆ สามารถฝาก Comment ไว้ที่ FaceBook javascriptthai ได้เลยครับ ถ้าตอบได้ผมก็จะตอบครับผม แต่ผมชอบจริงๆ นะมันเจ๊งดี ^_^ ให้ลอง […]

jQuery datepicker ปฏิทินภาษาไทยและวันหยุด (เดือน กุมภาพันธ์ 2559 ต้องมี 29 วันนะครับอิอิ)

November 21, 2015 admin 0

วันนี้ผมจะมาพูดถึง JavaScript FrameWork ที่ Hot ที่สุดในขณะนี้นั้นก็คือ jQuery UI แต่จะเจาะลึกไปที่ datepicker หรือ jQuery ปฏิทินไทย โดยผมจะขอยกตัวอย่าง Function ที่ผมเห็นว่ามีความสำคัญที่หาอ่านได้ยากหรือหาอ่านได้แต่อ่านแล้วอาจจะยังงงๆ (^_^ ไม่แน่นะครับอ่านตัวอย่างของผมแล้วอาจยิ่งงงไปก้นใหญ่ #_#) วันนี้เราจะมาทำมันให้ง่ายกันครับ อาจจะไม่ดีที่สุดนะครับแต่ผมลองแล้วมันก็ Work ดีครับผม  เริ่มเลยละกัน ปฏิทินหรือ calendar […]

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

October 20, 2015 admin 0

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

แนะนำการ Generate Barcode โดย Pure Javascript

June 18, 2014 admin 0

สำหรับบทความนี้ไม่มีอะไรมากเพียงแต่เห็นความสามารถของ JavaScript แล้วทึ่งว่ามันอยู่ในเกือบทุกที่และทำได้ทุกอย่างรวมไปถึง การ generate barcode สำหรับ Dev ที่เคยทำงานที่เกี่ยวข้องกับโรงงานหรือระบบคลังสินค้ามาบ้างคงเคยผ่านตามกันมาบ้างแล้วสำหรับระบบงานการ Generate Barcode ซึ่งส่วนใหญ่ทำที่ฝั่ง Server Code แต่วันนี้ ผมมี 1 component ที่ฝั่ง Client มาแนะนำครับก็คือ bwip-js (Barcode Writer in Pure JavaScript) […]

Validation in JavaScript พร้อมใช้โดยใช้ชุด regular expression

December 13, 2013 admin 0

Post นี้อาจเป็นประโยชน์มากสำหรับ Dev หลายๆ คนนะครับเพราะได้รวบรวม Validate JavaScript ที่น่าจะครอบคุมเกือบทุกๆ เรื่องสำหรับคนทำ From Application โดยเราอาจจะเข้าใจในเรื่องของ Regular expression อยู่แล้วแต่พอไม่ได้ใช้นานๆ เราก็มักจะลืมไม่รู้ว่าเป็นเหมือนผมกันบ้างหรือเปล่าผมจึงได้รวบรวม Code Validation โดย regular expression  มาไว้เป็น Set ให้เลยครับ (Regular Expression […]

ใช้ JavaScript แสดงรูปสำรองหากไม่สามารถโหลดรูปหลักขึ้นมาแสดงได้

October 3, 2013 admin 0

วันนี้ผลขอนำเสนอ ตัวอย่างสุดแสนจะง่ายมาก แต่มีประโยชน์มหาศาล ซึ่งตรงกับคำภาษาฝรั่งที่ว่า  Work Less to Get More Done  ทำน้อยแต่ได้มาก ซึ่งเป็น Concept ที่ผมตั้งใจจะทำใน Website นี้ครับ  เอากลับมาเข้าเรื่องกันก่อนครับ สำหรับใครก็ตามที่เคยได้ทำการพัฒนา Website คงเคยเจอก็กับรูป icon แบบนี้ในยามที่ Browser ไม่สามารถโหลดรูปภาพขึ้นมาแสดงได้ซึ่งอาจจะเกิดจากปัญหา Network การติดปัญหา Permission หรือ ปัญหาของการโหลด […]

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

September 27, 2013 admin 0

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

เล่นสนุกกับ function Random and setInterval (Javascript)

September 26, 2013 admin 0

วันนี้ผมขอเสนอสอง function ที่มีประโยชน์มากในโลกของ JavaScript นั่นคือ random และ  setInterval จริงๆแล้วสอง function นี้ไม่ได้เกี่ยวข้องอะไรกันเลย แต่ผมมีความเชื่อครับ ว่าถ้าได้เห็นตัวอย่างดีๆ สักตัวอย่างจะทำให้เข้าใจและจะไม่ค่อยลืม  ผมเลยได้ทำตัวอย่างเป็นการแสดง animation เล็กๆ คล้ายการกับการทำ defrag ของ windows ในสมัยก่อนมาให้ลองเล่นกัน   ดังตัวอย่างด้านล่างครับ

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 แล้วก็จะกลายเป็น 

NOSCRIPT ELEMENT ใช้แจ้ง User ว่า Browser ของ User ไม่ supports script

September 12, 2013 admin 0

ปัจจุบันเชื่อได้ว่า Browser เกือบทุกตัวสามารถที่จะ Support JavaScript ได้อยู่แล้วแต่อาจนี้บางองค์กรหรือบาง หน่วยงานที่มีการปิด หรือ Disable JavaScript เป็น default Policy ขององค์กร เพราะมองว่าเป็นอันตรายต่อการถูก Hack ข้อมูลหรืออะไรก็ตามที่ทำให้ไม่สามารถใช้งาน JavaScript ได้อย่างสมบูรณ์

textbox number only Javascript

September 2, 2013 admin 0

กรอกได้เฉพาะตัวเลขใน Textbox หากต้องการให้ User ใน Site ของเรากรอกค่าเพียงตัวเลข ในอดีตเราต้องเขียนฟังก์ชันมากมาย พอจะใช้ทีก็ลืม ยกตัวอย่างเช่น

Auto Logout By javascript

August 27, 2013 admin 0

        Script นี้เป็น Script ง่ายๆ แต่มีประโยชน์มากครับ คือ script นี้จะทำการ log out จาก page ที่ได้รับการ Authentication มาแล้ว การทำงาน คือ หาก User ไม่ทำการ เลื่อน Mouse หรือทำการ Key ข้อมูลใดๆ […]