สวัสดีกันก่อนครับ ^_^

April 12, 2016 admin 0

website นี้ถูกจัดทำขึ้นเพื่อใช้ใน การให้คาวมรู้เกี่ยวกับ javascript ที่เป็นภาษาไทยโดยจะทยอยอัพเทคนิคที่หลากหลายทางด้าน JavaScript ซึ่งมีหลายคนมองว่าเป็นภาษาที่ไว้ใช้ Validate ข้อมูลแต่เพียงอย่างเดียวแต่แท้จริงแล้ว JavaScript เป็นภาษาที่มีความสามารถมากในการทำ Web ที่ทันสมัยหากผมทำการเสนอข้อมูลอันใดผิดพลาดเสนอแนะกันได้นะครับเพื่อที่ผมจะได้นำมาปรับปรุงแก้ไข ผมจะขอขอบคุณเป็นอย่างยิ่งครับ

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 ไม่เจอเลยวันนี้ผมก็เลยทำมาให้เพื่อนๆ ได้ใช้กันครับ เรามาดูตัวอย่างตามด้านล่างกัน

ง่ายและเร็ว

วิธี convert json to object ในภาษาอื่นเช่น C#,C++,Java,JavaScript,Python,Swift,Objective-C

February 6, 2019 admin 0

วันนี้ผมจะขอนำเสนอ เครื่องทุ่นแรงให้เพื่อนๆ ชาว lazy developer กันนะคับ (ยิ่งมีเยอะเรายิ่งสบาย) เอามาเริ่มกันเลยดีกว่าครับ เราเกิดอยู่ในยุดที่ใครก็ใช้ API (Application Programming Interface ) ซึ่งมีทั้งส่วนที่เราเรียกเขาและเขาก็เรียกเราสลับกันไป สลับกันมา แต่วันนี้ผมจะพูดถึงขาที่เราเรียกเขานะครับ ตัวอย่างเช่นมี API ที่ Provide ข้อมูลให้เราใช้งานโดยมีตัวอย่างตามลิงค์ด้านล่างนี้ http://www.javascriptthai.com/AppDesign/TemplateEngine/ApiService/DataApiSample.php ซึ่งตัวข้อมูลจะประกอบไปด้วยชื่อ เพศและอายุตามภาพ […]

JavaScript Source Code

Leave page wait message

January 27, 2019 admin 0

ข้อความแจ้งเตือนหาก User ต้องการออกจาก Page ของเรา ในกรณีที่ User เข้ามาเยี่ยมชม Site เราและในบางครั้ง Site ของเราอาจมี link ไป Web Site อื่นๆ ซึ่งอยู่คนละ Domain กับ Site เราซึ่งเราอยากที่จะแสดงข้อความแจ้งเตือน User ของเราสักนิดนึงว่ากำลังจะออกจาก Site […]

Character Entities Cheat Sheet

ตรวจสอบอักษรพิเศษ เมื่อคีย์ข้อมูล (special characters)

July 10, 2018 admin 0

ห้ามไม่ให้ User กด special character ใน Input รวมทั้งการ copy pate ด้วย บางครั้งเราอาจมีความจำที่จะต้องการกันการคีย์ special character หรืออักขระพิเศษใน input ไม่ว่าจะเหตุผลด้านความถูกต้องของข้อมูล หรือกันการ Hack เบื้องต้น เพราะ  Hacker ชอบใช้ special characters […]

firefox ดู hover class ของ style sheet อย่างไร

June 8, 2018 admin 0

บทความนี้ไม่ค่อยเกี่ยวกับ  JavaScript สักเท่าไหร่แต่ผมเห็นว่ายังไงเพื่อนๆ ที่ได้ทำงานสายเว็บคงตอนเคยปวดหัวกับเรื่องนี้มาบ้างนะครับ  คือเวลาที่เราต้องการลูกเล่น Css ของเว็บอื่นๆ  หรือ Demo ต่างๆ แล้วเราอยากได้มาประยุกต์ใช้กับงานของเราเช่น เราอยากได้ Effect ตอน Hover Button

JavaScript Source Code

refresh ทุกครั้งที่ focus page มันไม่มี (น่าจะมี page.focus() นะ)

April 28, 2017 admin 0

ตัวอย่างนี้ใช้ ตอนเราทำการเปลี่ยน Page  ยกตัวอย่างการใช้งานเช่น เวลาเราทำการ List Data ขึ้นมาแล้วเราเลือกรายการเพื่อมาแก้ไขโดยการเปิด หน้าใหม่ขึ้นมา  พอหลังจากแก้ไขข้อมูลเสร็จเรา Save data และสั่งปิดหน้าใหม่ซึ่งข้อมูลมันอัพเดทแล้วเราแต่ List ไม่เปลี่ยน  เราก็ใส่ function นี้เข้าไปใน list พอหลังปิดหน้าใหม่ หน้าเก่าเรา active เราจะสามารถสั่ง refresh ข้อมูลได้ […]

JavaScript Source Code

code convert date จาก Json เป็น link filter รายปี

March 9, 2017 admin 0

function นี้ทำงานโดยการรับ data ที่เป็น Json มาแล้วดึงเพียงปีออกมาจากวันที่และจำกัด duplicate เรียงปีจากน้อยไปหามากและนำมาวาดเป็น link

กะแส bootstrap กำลังมาแรง!!! เราก็ต้องมี Tool ช่วยครับ

March 1, 2017 admin 0

พักหลัง admin ไม่ค่อยมีเวลาเข้ามาอัพเดทข้อมูลสักเท่าไหรครับ แต่หลังจากที่ผมได้ทำงาน web site หลายๆ งานซึ่งแน่นอนตอนนี้ใครที่ต้องการที่จะทำ web Site สมัยใหม่ก็ต้องการการให้ Site ของตัวเอง รองรับหลายอุปกรณ์ไม่ว่าจะเป็นมือถือหรือ แท็บเล็ต หรืออื่นๆ อีกมากมายจิงกาเบล หากเพื่อนที่ใช่ Dreamweawer ซึ่งจริงๆ มันก็ดีอยู่แล้วแต่ถ้าจะรีดความสามารถของ bootstrap เพียวๆ ผมเลยมี Tool […]

http://mojs.io/

January 22, 2017 admin 0

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

ความแตกต่างเล็กๆ น้อยๆ ของ 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 […]

Access Control Allow Origin

เรียก Ajax ข้าม Site แล้ว Error : Access-Control-Allow-Origin

October 12, 2016 admin 0

เรื่องนี้ผมเคยคิดอยากที่จะเขียนหลายครั้งแล้วแต่ผมจะเริ่มทีไรผมก็ลืม พอดีวันนี้มีแฟนเพจได้ส่ง Message เข้ามาถามผมๆ ก็เลยตัดสินใจเขียนเรื่องนี้กันเลยดีกว่า เริ่มแรกมันเกิดจากอะไร เริ่มแรกมันเกิดจากความต้องการของการที่เราต้องการที่จะเรียกใช้ Data ที่ Provide ไว้กันคนละ Host ยกตัวอย่างเช่น  เวพของผม คือ JavaScript แต่ผมเห็นว่ามี Data ที่น่าสนใจของเวพอื่นๆ ผมต้องการที่จะดึง Data เหล่านั่นมาใช้

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

August 30, 2016 admin 0

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