semicolon.in.th Programming is real fun!

• เรียก exit() หรือ die() ทุกครั้งหลังจากสั่ง header('Location: ...'); เพื่อ redirect ทันที (แต่ถ้ายังต้องการการ execute คำสั่งต่อไปจนจบ ก็ไม่จำเป็นต้อง exit)
• ในกรณีที่มีการ require file อื่นที่เป็น library รวม และใน script ของเรา ต้องการสร้าง function ขึ้นมาใหม่ ควรใช้ function_exists เพื่อตรวจสอบการซ้ำก่อน

<script type="text/javascript">
<!-- <![CDATA[

alert('Yow!');

// ]]> -->
</script>

ให้ใส่ attribute autocomplete="off" ให้กับ input หรือ form element เช่น

<input type="text" autocomplete="off" />

หรือ

<form autocomplete="off"> ถ้าต้องการปิดทั้ง form

Credit:
http://www.petefreitag.com/item/481.cfm
http://classicasp.aspfaq.com/forms/how-do-i-disable-ie-s-autocomplete-fe...

วิธียกเลิกการแสดง Toolbar ของรูป (img element) ใน IE

ตาม Link ข้างล่างนี้ไปครับผม

Disabling the Image Toolbar in IE 6 for Your Site

ตัวอย่างการใช้งาน

ยกเลิกทั้งหน้า
{syntaxhighlighter brush: html; gutter: false;}

{/syntaxhighlighter}

ยกเลิกเฉพาะรูป
{syntaxhighlighter brush: html; gutter: false;}

{/syntaxhighlighter}

วันนี้ผมลองดู code ของ prototype.js (http://prototypejs.org/)
เห็นตรงนี้ครับ

  BrowserFeatures: {
    XPath: !!document.evaluate,
    SelectorsAPI: !!document.querySelector,
    ElementExtensions: !!window.HTMLElement,
    SpecificElementExtensions:
      document.createElement('div')['__proto__'] &&
      document.createElement('div')['__proto__'] !==
        document.createElement('form')['__proto__']
  },

ก็งงว่า !! คืออะไร เป็นเครื่องหมายที่ผมไม่รู้จักเหรอ
พอนึก ๆ ดู อืม... มันก็คือ not not ซึ่งก็คือทำให้ได้ค่า boolean เหมือนเดิม

ขอบคุณ Douglas Crockford ครับผม
Credit: Douglas Crockford - http://javascript.crockford.com/code.html

JavaScript File
- ชื่อ file จะต้องลงท้ายด้วย .js เสมอ
- ไม่ควร embed JavaScript code ใน HTML ถ้า code นั้นไม่ได้ใช้กับ file นั้น file เดียว
เพื่อประโยชน์ในการใช้งาน cache ให้เต็มที่
- tag script ควรจะอยู่ท้ายที่สุดเท่าที่จะทำได้ เพื่อไม่ให้ไปรบกวนการโหลด static element ของหน้านั้น

Indentation - การย่อหน้า
Crockford แนะนำให้ใช้ 4 space แต่ผมใช้แค่ 2 ครับ

JSON (JavaScript Object Notation) ไม่ใช่ Jason ชื่อคนนะอิอิ

http://www.json.org/js.html

Google Map เป็น application ที่ต้องโหลดรูปทีละหลาย ๆ รูปเพื่อประกอบเป็นแผนที่
แต่ browser โหลดได้เร็วมาก ๆ เค้าทำได้อย่างไร?

ถ้าเราลองแกะ code ในการกำหนด URL ของรูปของ Google Map
จะพบว่า Google แบ่งรูปออกเป็น 4 server (mt0.google.com - mt3.google.com)

ทำไม Google ถึงทำอย่างนี้?
ก็เพราะว่า Browser ที่ได้รับความนิยมสูงสุดในขณะนี้ คงไม่ต้องบอกก็รู้ว่า IE
ทำตามมาตรฐาน RFC2616 ...อ่านไม่ผิดหรอกครับ คราวนี้ Microsoft ทำตามมาตรฐานจริง ๆ

ซึ่งมาตรฐานที่ว่าก็คือ client ที่จะเชื่อมต่อ (แบบ persistent)

เรื่องมีอยู่ว่า ตอนนี้ผมกำลังทำ Framework สำหรับ Web application development อยู่ครับ
และตระหนักว่างาน Document ไม่ใช่งานเล็ก ๆ เพราะต้องทำให้ Programmer ทั้งองค์กรทำความเข้าใจและทำงานด้วย Framework นี้ได้
(พูดเหมือนว่ามีคนเยอะมาก... แต่ก็เอาเถอะ เดี๋ยวก็เยอะเองแหล่ะ ทำไว้ก่อนน่าจะดี อิอิ)

จึงเป็นเหตุให้ต้องลองหาวิธีการทำ Source code document ที่มีประสิทธิภาพ ไม่ต้องการเขียนอะไรซ้ำซ้อน ฯลฯ สรุปว่าหาแบบดี ๆ หน่ะ
และผมเป็นพวกชอบเผื่อไว้ว่าอยากจะแก้ไขอะไรเอง จึงชอบหา project Opensource มาใช้งาน ซึ่งเมื่อลองหาดูก็พบที่ค่อนข้างถูกใจอยู่ 2 ตัวคือ