Skip to content


Regular Expression : ไม่เริ่มต้นด้วย… เขียนยังไงเนี่ย

ใน Regular Expression วิธีการเขียน pattern ให้ตรวจสอบว่า จะต้องขึ้นต้นด้วยตัวเลขเท่านั้น หรือจะต้องขึ้นต้นด้วยตัวอักษรภาษาอังกฤษเท่านั้น ทำได้ง่าย ๆ โดยการเติมสัญลักษณ์ ^ เข้าไปด้านหน้า ทีนี้ เราอยากเปลี่ยน pattern ให้ตรวจสอบเป็น ห้ามขึ้นด้วยตัวเลขนะ หรือห้ามขึ้นด้วยตัวอักษรภาษาอังกฤษนะ จะทำยังไงดีล่ะ…

มาดูกัน :)
Continued…

  • Share/Bookmark

Posted in Regular Expression.

Tagged with , , , , , .


เปรียบเทียบ String แบบ Case Sensitive ใน MySQL

โดยปกติแล้วการเปรียบเทียบข้อความ (string comparison) ใน MySQL จะเป็นการเปรียบเทียบแบบ Case-Insensitive นั่นคือ ไม่สนใจตัวเล็กตัวใหญ่ หมายถึงว่า “cat” จะเท่ากับ “CAT” นั่นเอง ปัญหานี้จะพบเมื่อเราทำการเปรียบเทียบ String ที่เป็น Text ในบางครั้ง เราจำเป็นต้องเปรียบเทียบ string แบบ Case-Sensitive เช่น การค้นหา Key ที่ case ของตัวอักษรมีความสำคัญ เราสามารถทำได้หลายวิธี

Continued…

  • Share/Bookmark

Posted in MySQL.

Tagged with , , , .


json_encode() กับภาษาไทย

เจอปัญหาภาษาไทยกับการใช้งานฟังก์ชั่น json_encode() นั่นก็คือ มันใช้ด้วยกันไม่ได้ ปัญหานี้เกิดขึ้นเฉพาะกับภาษาไทยที่ใช้ชุดตัวอักษร (Character Set) ในกลุ่ม ANSI (เช่น Windows-874, TIS-620) วิธีการแก้ปัญหา ง่ายนิดเดียวคือ การแปลงให้มันเป็น UTF-8 ก่อนด้วยฟังก์ชั่น iconv() แล้วค่อยเอาไปใส่ json_encode() เท่านี้ก็สามารถใช้งานภาษาไทยได้แล้ว
Continued…

  • Share/Bookmark

Posted in JSON, JavaScript.

Tagged with , , .


Share เว็บของเราลงใน facebook แบบสวยงาม

ปัญหาหนึ่งเมื่อเราพยายามที่จะ Share link ของเว็บเรา (หรือเว็บคนอื่น) ลงใน facebook นั่นคือ การที่ facebook มันไปดึงข้อมูลจากเว็บเรามาแสดงแบบมั่ว ๆ ซั่ว ๆ (หรือบางครั้ง อาจจะไม่แสดงเลย) ทำให้เวลาเราโพสของเราอาจจะไม่ได้ดูสวยงามอย่างที่ใจเราต้องการ โดยเฉพาะ ถ้าเว็บที่เรา share เป็นเว็บของเราเอง ล่าสุด ผมลองทดสอบ share link pantip.com จะขึ้นแค่ “PANTIP.COM : สุดยอดเว็บบอร์ดไทย เพื่อสังคมออนไลน์คุณภาพ” และลิงค์ไปยังเว็บพันทิปเฉย ๆ (ทดสอบเมื่อวันที่ 28 ก.พ. 2553 เวลา ตี 2) และเป้าหมายของบล็อกคราวนี้ ผมจะทำให้ share ของเรา ขึ้นรูป และข้อความที่เราต้องการ

Continued…

  • Share/Bookmark

Posted in Facebook, HTML.

Tagged with , .


เรื่องวุ่น ๆ กับการกำหนด padding ใน CSS

ได้มีโอกาสเขียนเว็บโดยใช้ CSS เป็นหลักแล้วเจอปัญหาเกี่ยวกับการกำหนด padding ใน <div> ปัญหาที่ว่านี้ก็คือ การแสดงผล padding ในแต่ละ browser มันไม่เหมือนกัน ผมเชื่อว่าหลาย ๆ คนที่ทำเว็บก็คงเคยเจอปัญหานี้เหมือนกัน ยกตัวอย่าง web browser คู่ปรับยอดนิยม ระหว่าง IE กับ FireFox โดยตัว IE เอง จะวัดความกว้างของ content จากขอบด้านหนึ่งของ container ไปยังอีกด้านหนึ่ง ในขณะที่ Firefox จะวัดจากตัว content ด้านใน container เอง ดังนั้นทำให้เมื่อเรากำหนดความกว้างที่ 300 pixels และกำหนด padding ซ้ายและขวาข้างละ 20 pixels IE จะใช้เนื้อที่จริง 300 pixels และเนื้อที่แสดงเนื้อหาเหลือแค่ 260 pixels ส่วน FireFox จะใช้เนื้อที่จริง 340 pixels และมีเนื้อที่แสดงเนื้อหา 300 pixels

Continued…

  • Share/Bookmark

Posted in CSS, HTML.

Tagged with , , , .


แท็ก label เคยใช้กันไหมเอ่ย

ใน HTML มีแท็ก (tag) อยู่หลายอย่าง ผมเองก็ไม่ได้รู้จักมันทุกแท็ก มีอยู่แท็กหนึ่งที่ผมเคยเห็นนานแล้ว แต่ไม่เคยสนใจ และไม่เคยคิดที่จะใช้ จนมาวันนึง ได้มีโอกาสลองทำความรู้จักกับมัน ก็เห็นถึงประโยชน์ของมันขึ้นมา เลยคิดว่า เอามาใส่ลงใน blog น่าจะดี เอาเป็นว่าวันนี้ผมขอแนะนำเพื่อนใหม่ (แต่ไม่ใหม่) ของผม นั่นคือ <LABEL> ครับ

Continued…

  • Share/Bookmark

Posted in HTML.

Tagged with , .


อัตราส่วนทองคำ (Golden Ratio) หรือ ฟี (Phi)

Entry นี้คงเป็น entry แรกที่ผมเขียนเรื่องที่ไม่เกี่ยวกับสิ่งที่ผมตั้งใจให้เว็บนี้เป็น ลองอ่านดูกันละกันครับ

เมื่อวานได้ดูหนังที่โหลดมาเรื่อง Pi ชื่อไทยว่า นิพพานผ่านตัวเลข ผมเป็นคนที่ค่อนข้างชอบดูหนังประเภทนี้อยู่พอสมควรครับ (ทั้ง ๆ ที่เพิ่งได้ดูเรื่องนี้เป็นเรื่องที่ 2 เอง เรื่องแรกที่ดูคือ Beautiful mind) ในหนังจะพูดถึงค่าค่าหนึ่งที่เรียกว่า ฟี (phi) มีหนังสือหลายเรื่องที่พูดถึงค่านี้ครับ ไม่ว่าจะเป็น Da Vinci Code หรือแม้แต่การ์ตูนเรื่อง Jojo ภาค Steel ball run ก็ตาม

Continued…

  • Share/Bookmark

Posted in Mathematic.

Tagged with , , , , , .


รู้จักกับ Regular Expression กันเถอะ

Regular Expression คืออะไร

Regular Expression (หรือ regex) คือ string pattern ที่ใช้แสดงรูปแบบของคำ หรือข้อความใด ๆ โดยตัว regex เองนั้นมีพื้นฐานมาจากทฤษฏีทางคณิตศาสตร์เพื่อใช้ในการเปรียบเทียบข้อความนั้น ๆ กับ pattern ที่กำหนดว่าสอดคล้องกันหรือไม่ (match)

Regular Expression Engine

Programming lanugage ปัจจุบันจะสนับสนุนการใช้งาน regex แล้ว แต่ปัญหาหนึ่งคือการเข้ากันได้ของ regex ในแต่ละภาษา ไม่ว่าจะเป็นความสามารถ และวิธีการเขียนที่แตกต่างกัน ดังนั้น regex ในภาษาหนึ่งจะไม่สามารถนำไปใช้กับอีกภาษาหนึ่งได้ทั้งหมด จะต้องมีการแก้ไขบางส่วนเพื่อให้สอดคล้องกับ engine ในภาษานั้น ๆ

Continued…

  • Share/Bookmark

Posted in Regular Expression.

Tagged with .


ปลั๊กอิน BBCode สำหรับ jQuery

วันนี้ผมลองเขียน plugin แก้ขัดที่หายหน้าหายตาไปนานมาให้ลองกันครับ นั่นก็คือปลั๊กอินที่ใช้ render BBCode ครับ ใครที่เป็นนักโพสเว็บบอร์ดคงจะรู้จักกันดีว่า BBCode คืออะไร สำหรับใครที่ยังไม่รู้จักก็อ่านย่อหน้าถัดไปได้เลยครับ

BBCode เราเรียกได้ว่าเป็น lightweighted markup language ใช้สำหรับจัดรูปแบบข้อความตามเว็บบอร์ดต่าง ๆ ครับ มีลักษณะของแท็กอยู่ในเครื่องหมายก้ามปู เช่น [b]ตัวหนา[/b] ครับ เจ้าตัว BBCode นี่เว็บบราวเซอร์มันไม่รู้จักครับ ต้องทำการแปลไปเป็น markup language ที่ใช้ทั่ว ๆ ไปก่อนครับ นั่นก็คือ HTML หรือ XHTML ครับ เช่น จาก [b]ตัวหนา[/b] จะถูกแปลงไปเป็น <b>ตัวหนา</b> แล้วค่อยนำไปแสดงผลครับ
Continued…

  • Share/Bookmark

Posted in Homemade Plugin, JavaScript, Plugins, Souce Code, Uncategorized, jQuery.

Tagged with , , , , , .


Image Tag แบบไม่ง้อไฟล์

ใช่ครับ วันนี้ผมจะมาเล่าเรื่องการเขียน image tag แบบไม่ธรรมดาให้อ่านกันครับ image tag ที่ผมหมายถึงเนี่ย มันก็คือ นี่แหละครับ การเขียนแบบไม่ง้อไฟล์คือโดยปกติแล้ว เราจะระบุชื่อไฟล์ รวมถึง path ใน attribute src ใช่มั๊ยครับ แต่คราวนี้ เราจะเขียนแบบไม่ทำแบบนั้นครับ งานนี้เล่นจริง เจ็บจริง ไม่ใช้ javascript ไม่ใช้ css ครับ
Continued…

  • Share/Bookmark

Posted in HTML, Image.

Tagged with , , , .