JavaScriptThai174_131

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

April 12, 2016 admin 0

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

jQeuryCalendar

jQuery datepicker ปฏิทินภาษาไทยและวันหยุด

November 21, 2013 admin 0

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

RandomJS

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

August 19, 2016 admin 0

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

TemplateEngine

JavaScript Templating Engines

August 6, 2016 admin 0

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

Json123

การเพิ่ม Column Auto Number ใน Json

July 31, 2016 admin 0

วันนี้ผมมานำเสนอวิธีการเพิ่ม Auto Number ให้แก่ Data แบบ Json ที่เราเรียกใช้งาน ผ่าน Ajax กันครับผม ก่อนอื่นผมขอเกริ่นนำสักนิดนึงนะครับ ว่ามันมีที่มาที่ไปอย่างไร สมมุติ ว่าเพื่อนๆ คุ้นเคยกับตัวอย่าง Code ด้านล่างเป็นอย่างดี

Base64

Image to Base64 (Drag And Drop)

July 30, 2016 admin 0

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

snippet

redirect ไปหน้า Login เมื่อไม่ได้ Authorization

July 5, 2016 admin 0

มีหลายภาษา server side script เวลาที่เราทำการ Login เข้ามาในระบบมันจำเป็นที่จะต้องเก็บค่าอะไรต่างลง Session  และหากถ้า User ไมได้มีการโต้ตอบกับ Server เวลานานๆ โดยเปิดหน้าจอ Browser ค้างไว้เ แล้วเมื่อ User เรียกกลับไปที่ Server อีกครั้งแล้วหมด Session ระบบ Server side […]

Dom_Selector_Api

Dom Selectors API ที่เทียบเท่า jQuery

April 12, 2016 admin 0

ตั้งแต่อดีตก่อนที่เราจะได้รู้จักกับเจ้า jQuery อันแสนทรงพลังเวลาที่เราต้องการที่จะค้นหา element ใน Html เราก็ต้องใช้ Method ด้านล่าง -getElementById() –getElementsByTagName() ซึ่งมันก็ทำได้ดีระดับนึงแต่ข้อจำกัดของมันก็ค่อนข้างมาก เช่น  จะหา element ได้เราต้องรู้ Id หรือ Tag ของ element นั้นๆ เท่านั้นและก็ยังไม่สามารถทำการ ระบุ pattern ของ CSS […]

QueryStringJavaScript

ใช้ querystring ใน javascript

April 11, 2016 admin 0

เชื่อว่าหลายคนที่เคยเขียนโปรแกรมมาบ้างแล้วคงจะต้องเคยใช้คำสั่ง Get ค่าจาก querystring กันมาบ้างแล้วนะครับ ซึ่งเจ้า querystring นั่นคืออะไรผมไม่ขอ อธิบายเอาเป็นว่าเราเข้าใจมันกันหมด ซึ่งบางภาษาอาจพบว่ามันใช้งานได้ง่ายมากเลยเพราะมันมี function สำเร็จรูปมาให้ใช้เลย แต่นั่นไม่ใช่กับภาษา JavaScript มันไม่ได้ทำ functoin สำเร็จรูปมาให้ ให้มาเพียง  location.search ที่พอ Get ทีได้มาทั้งแผง เช่น

giphyLogo

animation story ชีวิต Developer

April 8, 2016 admin 0

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

cacheJS

Clear the cache in JavaScript ลง Code JS แล้ว Code ไม่เปลี่ยน

March 28, 2016 admin 0

เพื่อนๆ เคยเจอปัญหาการติดตั้ง Code Js ไฟล์รูป ไฟล์ html ไฟล์  style sheet  หรือไฟล์อื่นๆ ที่ไม่ได้เป็นภาษา Server Script  ตัวใหม่ไปติดตั้งแล้วไฟล์เหล่านั้นไม่เปลี่ยนบ้างไหมครับ ถ้าเคยเราแก้ปัญหานี้อย่างไรเราอาจจะแก้ปัญหาโดยการกด Ctrl F5 แล้วมันก็จะใช้ได้ วันนี้เราจะมาหาคำตอบพร้อมแนวทางการแก้ไขกันครับ

dataAttibute

data attribute

March 21, 2016 admin 0

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

Namespacing

Namespacing in JavaScript

March 10, 2016 admin 0

เคยสงสัยกันไหมครับว่าทำไมเราจึงครวที่จะต้องกำหนด Namespace ใน JavaScript มันทำเพื่ออะไรและมันมีประโยชน์อะไร เราลองมาดูกันก่อนว่าจริงๆ ปัญหามันคืออะไรครับ เริ่มเลยตามตัวอย่างด้านล่าง โดยตัวอย่างไฟล์จะประกอบไปด้วย HTML และ ไฟล์ JS ตามรูป โดยที่ไฟล์ index.html refer ไฟล์ JAvaScript สองไฟล์ตาม Code ด้านล่าง

1 2 3 5