debugger คำสั่งสุด Classic ของ JavaScript

September 20, 2013 admin 0

เชื่อได้ว่าถ้าเพื่อนๆ ที่เขียน  JavaScript มาเป็นเวลานานก็คงต้องเคยเห็นคำสั่งนี้มากันบ้างแล้วนะครับ แต่วันนี้ผมเห็นน้องๆจบใหม่หลายท่าน ไม่ค่อยรู้จักคำสั่งนี้ครับ แต่เขาก็มีวิธีการใช้ Browser อย่าง  Mozilla Firefox  Google Chrome เข้ามาใช้โดยในการ debug ยกตัวอย่างเช่น  วิธีการดังรูปด้านล่าง คลิกขวาที่หน้าจอแล้วเลือก   ตรวจสอบองค์ประกอบ > Google Chrome > Source  และก็เลือก Line […]

เข้าใจ Function Arguments

September 19, 2013 admin 0

        Arguments คือ Object ที่ มีพฤติกรรมคล้ายกับ Array แต่ไม่ได้เป็น instance of Array  โดยภาษา JavaScript จะแต่ต่างจากภาษาอื่นๆ คือการกำหนด function A() {}; โดยที่ไม่ได้กำหนดค่า Parameter ใดๆให้กับ function […]

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 Infinite Loop

September 15, 2013 admin 0

บทความนี้ไม่มีไรมากครับ ตรงตามหัวข้อแปะเลย เป็นเพียงแค่ Code แปลกๆ ซึ่งไม่รู้ว่าเป็น Bug หรือเปล่าลองมาดูกันเลยครับ

Javascript clear form

September 14, 2013 admin 0

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

floating Error

September 14, 2013 admin 0

ผมเจอตัวอย่าง Error นี้ทาง internet ครับซึ่งโดยส่วนตัวแล้วผมยังงงๆ   อยู่แต่ก็พอเจ้าใจได้ว่าเป็นเรื่องของการ ปัดเศษ  ก็เลยเอามาเขียนในหัวข้อนี้ เพื่อที่จะได้คอยระวังว่า JavaScript เองเขาก็มี Bug หรือข้อผิดพลาดบ้างเหมือนกันครับ  เรามาลองดูตัวอย่างด้านล่างกันครับ

Nan คืออะไรใน javascript

September 14, 2013 admin 0

   Nan คือค่าพิเศษใน Data Type Number ของ JavaScript ซึ่งหมายถึงค่าที่ผิดพลาดทางคณิตศาสตร์ ยกตัวอย่างเช่น การหารด้วย 0 199/0=Nan  ซึ่งเจ้า Nan มี function ที่ทำงานร่วมกันมันคือ isNaN   ซึ่ง function นี้ หลักการทำงานของมันก็คือรับค่ามาแล้ว ทำการ convert ค่าที่รับมาเป็นตัวเลข(number) […]

write ทุกๆ function , method ,properties ออกมาดู

September 13, 2013 admin 0

มีหลายๆ ครั้งที่เวลาเขียน โปรแกรมแล้วลองมานั่งนึกดูว่าเจ้า Object ที่เราใช้งานอยู่มี function , method ,properties การใช้งานอะไรบ้าง ทางที่เร็วที่สุดก็คือการ Debug แล้วเลือก add watch ดู ซึ่งก็เป็นวิธีที่ดีวิธีนึง แต่หากต้องการดูทั้งหมดที่มีอยู่อย่างรวดเร็วหรือต้องการที่จะพิมพ์ออกมาดูเป็น cheat code javascript ติดบอร์ดไว้เตือนความจำ ก็ลองเอาวิธีที่ผมแนะนำไปทำดูนะครับ ถ้าดู Code […]

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

September 12, 2013 admin 0

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

javascript error handling message (friendly)

September 11, 2013 admin 0

         วันนี้ผมจะมาแนะนำวิธีการสร้างการแจ้ง Error เตือนให้กับ User ของเราเวลาที่ Page ของเราเกิดปัญหาขึ้นครับ ซึ่งการแจ้งเตือนของแต่ระ Browser ค่อนข้างแตกต่างกันออกไป(ทำให้ Site เราไม่มีมาตรฐานเอาสะเลย ^_^) บางทีก็ไม่แจ้งเตือนอะไรมันขึ้นอยู่กับการ Setting ของ Browser นั้นอีกด้วย ซึ่งจากการไม่แจ้งเตือนนั้นก็ทำให้ Page ทำงานได้อย่างไม่สมบูรณ์

undefined แตกต่างจาก null อย่างไร

September 9, 2013 admin 0

เคยสงสัยกันบ้างไหมครับความแตกต่างของเจ้าตัว undefined  กับ เจ้า null  ใน  javascript นั้นแต่ต่างกันอย่างไร Type undefined   คือ ชนิดข้อมูล(DATA TYPES)ที่ยังไม่ได้รับมอบหมายค่า หรือ พูดได้ว่าเป็นค่าเริ่มต้นของตัวแปรที่ยังไม่ได้กำหนดค่าใดใดให้ครับ งงไหมครับถ้างงลองดูตัวอย่างด้านล่างเพื่อเพิ่มความเข้าใจแล้วจะร้องอ้อเลยครับ ( Type Undefined     นี้จะมีค่าเพียงค่าเดียว คือ ก็คือ undefined นั้นเอง ซึ่งหากเป็น Type […]

CSS Browser Selector

September 7, 2013 admin 0

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

javascript substring() , substr() , slice() การตัด string ในรูปแบบต่างๆ

September 3, 2013 admin 0

วันนี้ผมจะมาแนะนำฟังก์ชันง่ายๆ แต่พอจะใช้แล้วลืมเพราะ Function เหล่านี้มันมีอยู่ในหลายภาษาซึ่งบางทีอาจทำให้เราสับสน ผมเขียนบทความนี้ไว้เตือนความจำของผมเองและสำหรับคนที่เข้ามาอ่านครับ 

textbox number only Javascript

September 2, 2013 admin 0

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

Plus Session ใน page ที่เป็น Ajax Pure

August 31, 2013 admin 0

อันนี้เป็นประสบการณ์ตรงของ ผมที่เขียน Page ในแบบ ของ Ajax หมด ภายในหนึ่งหน้าโดย ไม่มีการ Post Back ใดๆ กลับไปที่ Server (อันที่ๆ เจอเจอ ใน ASP.NET) รูปแบบประมาณข้างล่างคือจากหน้าตัวเอง แล้ว Call ต่อไป Webservice เลยทำ ให้เกิดอาการ Session […]