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

April 12, 2016 admin 0

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

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

April 12, 2016 admin 0

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

ใช้ querystring ใน javascript

April 11, 2016 admin 0

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

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 แล้วมันก็จะใช้ได้ วันนี้เราจะมาหาคำตอบพร้อมแนวทางการแก้ไขกันครับ

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 ด้านล่าง

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

January 30, 2016 admin 0

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

mazterlize design

January 29, 2016 admin 0

mazterlize design ชื่อนี้เชื่อได้ว่าคนทำงานด้านการออกแบบเวพไม่ว่าทางตรงและทางอ้อมคงเคยได้ยินมากันบ้างแล้วนะครับ หรือถ้าไม่เคยได้ยินคงเคยผ่านตามาบ้างแต่เราไม่รู้ว่ามันคืออะไร แต่สำหรับคนที่ยังไม่เคยได้ยิน ผมจะบอกใบ้คร่าวๆ ให้ฟังนะครับ Material Design มันคือแนวทางการออกแบบ UI ของกูเกิลในยุคต่อไป ซึ่งโดย Google จะออกกฎของการออกแบบมา ซึ่ง theme มันจะหน้าตาคล้ายๆ ตัวอย่างหน้าจอด้านล่างนี้แหละครับ แต่ผมไม่ขอพูดถึงรายละเอียดนะครับ แต่ของยกตัวอย่างง่ายๆ คือเรื่องของเงาก็ครวที่จะมีแสดงเงาที่สมเหตุสมผล เช่น Layer ที่อยู่สูงครวแสดงเงาและระดับความลึกไม่ใช่แสดงมั่วๆ […]

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

select option พร้อมใช้

April 9, 2015 admin 0

รวบรวม select option ที่ใช้บ่อยๆ มาไว้ในที่เดียวเพื่อสะดวกต่อการใช้งาน สายนี้ยังไงก็ได้ใช้ครับผม ^_^

ว่าด้วยเรื่องของการ window.print() ของ Javascript

April 6, 2015 admin 0

วันนี้ผมขอแนะนำคำสั่ง window.print(); เป็นคำสั่งที่ง่ายๆ แต่ให้ได้ผลลัพธ์ที่ดีนั้นทำค่อนข้างยาก ปัญหาที่ผมเจอนั้นก็มีหลากหลาย ยกตัวอย่างเช่น ปัญหาต้องการจะ Print เพียงบางส่วน แต่คำสั่งนี้มันดันออกมาหมด print แล้วไม่ต้องการให้ print  button หรือ control อื่นๆ ติดมาด้วย print แล้วออกมาไม่สวยเหมือนหน้าจอ print Table แล้วขึ้นหน้าใหม่แล้วอยากให้มี Header ใหม่ทุกหน้า (ปัญหา […]

Free themes for Bootstrap

April 5, 2015 admin 0

วันนี้ผมจะมาแนะนำ Tools สำเร็จรูป ทางด้าน CSS  ซึงเป็น Tool ที่มี Theme มากมายและพร้อมสับ พร้อมใช้ อีกทั้งยังลองรับ เทคโนโลยีใหม่อย่างเช่น HTML Responsive Web ซึ่ง CSS ที่ให้มาน่าจะครอบคลุมในทุกการทำงานและยังสามารถปรับแต่งได้โดยไม่ติดในเรื่องของ license เพราะ เป็น Open Source ครับผม  ถ้าต้องการงานระบบมืออาชีพ ก็มีแบบ premium […]