ThaiWrap รุ่น 5

(บล็อกเก่า ThaiWrap bookmarklet, Auto thaiWrap())

รายการเปลี่ยนแปลง:

  • ตัวแบ่งคำ เปลี่ยนจาก <WBR> มาใช้ zero-width space (U+200B) แทน เนื่องจาก Opera ไม่รู้จัก <WBR>
  • เพิ่มการตรวจเบราเซอร์ เพื่อข้ามการทำงานทั้งหมด ถ้าใช้ Internet Explorer (เหตุผล: 1. จะได้ไม่เสียเวลา เพราะ IE ตัดคำได้อยู่แล้ว 2. IE แสดงผล zero-width space ไม่ได้)

ตอนนี้ยังเหลือปัญหา เรื่องไม่ทำงานกับเฟรมที่ซ้อนเฟรม ไล่ DOM reference ตะกี้นี้ เจอละว่ามันผิดตรงไหน (เราไปใช้ window.frames ซึ่งมันจะส่งค่ากลับเฉพาะ frames ระดับบนสุดเท่านั้น, คาดว่า. นอกจากนั้น มันยังไม่อยู่ใน spec ด้วย – อันตราย) แต่ยังไม่รู้จะแก้ไง ขอค้นก่อน

ThaiWrap bookmarklet/JavaScript, Release 5

Auto thaiWrap()

จากการแนะนำของคริส (iChris) เขียนวิธีการใช้ฟังก์ชั่นตัดบรรทัด thaiWrap() กับอีเวนต์ onload ไว้แล้ว ที่นี่

เป็นการเอาฟังก์ชั่น thaiWrap() ไปฝังในหน้าเว็บของเราเลย
แล้วให้เรียกในอัตโนมัติเมื่อโหลดหน้าเสร็จ
ก็จะทำให้หน้าเว็บของเรา ตัดบรรทัดทุกครั้ง (แบบถูกบ้างผิดบ้าง) ไม่ว่าจะใช้เว็บเบราเซอร์รุ่นไหนก็ตาม

ตัวอย่าง

ThaiWrap bookmarklet

Details in English, here.

ตอนนี้พอใจดีทุกอย่างกับ Firefox
ติดแค่อย่างเดียว คือเรื่องตัดคำข้อความภาษาไทยที่มันทำไม่ได้
ทำให้เวลาอ่านหน้าเว็บบางหน้า ที่เค้่าเขียนข้อความยาวติดกันเป็นพืด จะอ่านลำบาก
เพราะต้องเลื่อนซ้ายทีขวาที และไม่สวยด้วย

ถึงแม้จะมี ICU patch สำหรับ Firefox ให้มันตัดคำไทยได้แล้ว
แต่ก็คงยุ่งยากไปสำหรับผู้ใช้ทั่วไป (จริงๆ ถ้าอยากลอง ก็ไม่ยากนะ ทำตามสเต็ปดูได้)
คนใช้ Linux TLE โชคดีหน่อย
Firefox/Thunderbird/Mozilla ที่จะมากับ Linux TLE ตัวหน้า จะแพตช์มาเรียบร้อยแล้ว
อย่างไรก็ตาม ทั้งหมดนั้นยังสำหรับ Linux เท่านั้น, Windows อด

เห็นว่า bookmarklet น่าจะเป็นวิธีนึงที่ใช้(แก้ขัด)ได้
เพราะว่ามันน่าจะใช้ได้ทุกแพลตฟอร์ม/เบราเซอร์ (เป็น JavaScript) ไม่ต้องแพตช์ ไม่ต้องคอมไพล์
น่าจะโอเคสำหรับผู้ใช้ทั่วๆ ไป เลยลองทำดู

เท่าที่ใช้ดู ก็โอเค พออ่านได้ ไม่ต้องเลื่อนซ้ายขวามากนัก
แต่มันไม่อัตโนมัตินะ ต้องกดปุ่ม bookmarklet เพื่อสั่งให้มัน wrap เอาเอง

โค้ดก็ไม่มีอะไรมาก ก็แค่แทรก <WBR> ไปตามจุดที่เห็นว่าน่าจะแบ่งพยางค์ได้แค่นั้นแหละ

ใช้ JavaScript แทรกโค้ดผ่าน DOM
เป็น regexp + รายการคำประมาณสิบกว่าคำที่มักจะพบกลางประโยค (เช่น “เป็น|อยู่|ก็|ที่|จะ”)

Note: ไม่ได้แทรกทุกๆ จุดแบ่งจริงๆ แค่บางจุดที่พอจะหาได้เท่านั้น
แค่ให้มันตัดประโยคยาวๆ ลงได้บ้างก็พอ จะได้อ่านเว็บง่ายหน่อย
รายละเีอียด ลองดูตามลิงก์ + ในโค้ดเอาละกัน

โค้ดยังช้าอยู่ และยังใช้กับหน้าที่อยู่ใน frame ไม่ได้

ทดสอบ + อ่านรายละเอียดที่เหลือ (ภาษาอังกฤษ)

ถ้าใครอยากเอาไปทำอะไรต่อ (เช่นให้มันเร็วขึ้น หรือว่าใช้กับ frame ได้) ก็ตามสบายเลยครับ

Update: แก้โค้ดใหม่ ปรับ regexp ตัวที่ 3 กับ 4 นิดหน่อย

Update: ใช้กับเฟรมได้แล้ว (แต่ถ้าเฟรมซ้อนๆ กันนี่ไม่น่าจะได้นะ)

DevEdge หายต๋อม

เพิ่งจะรู้นะเนี่ย ตกข่าว

พอดีสองวันก่อนนึกอยากลองเขียน bookmarklet เล่นๆ ก็เอาโค้ดชาวบ้านมาแก้ๆ ลองเล่นดู
ทีนี้ก็อยากจะรู้ว่า method เกี่ยวกับ DOM ของ JavaScript มันใช้ว่ายังไงบ้าง ก็จะเข้าไปดูที่ DevEdge นี่แหละ ตามปกติ ปรากฏว่าดูไม่ได้ เห็นแต่หน้าว่างๆ ก็นึกว่าเซิร์ฟเวอร์คงมีปัญหามั้ง ไม่ได้ติดใจอะไร

วันนี้ลองใหม่ ยังไม่ได้แฮะ .. แปลกๆ ละ เลยลองค้นใน Google ดู หาข่าวเกี่ยวกับเรื่องนี้ ปรากฏว่า มันหายไปจริงๆ (ลอง: devedge.netscape.com)

DevEdge เว็บไซต์สำหรับนักพัฒนาของ Netscape ที่มีบทความและเอกสารอ้างอิงดีๆ เกี่ยวกับเว็บเทคโนโลยีมากมาย โดยเฉพาะ JavaScript, DOM, CSS และ Gecko เรียกได้ว่าเป็นที่อ้างอิงหลักสำหรับนักพัฒนาด้านนี้เลยล่ะ (JavaScript นี่ Netscape ก็เป็นคนสร้างมาตั้งแต่แรกด้วย)

พอหายไปปุ๊บ คนก็เดือดร้อนกันถ้วนหน้า (น่าจะใช้คำว่า ‘ถ้วนหน้า’ มากกว่า ‘ทั่วหน้า’ นะ) ข่าวจาก MozillaZine เค้าว่าทาง Mozilla.org กำลังพยายามกู้คืนมาอยู่

ระหว่างนี้ ถ้าอยากดูอะไร ก็ไปดูได้ที่ Internet Archive แต่ไฟล์บางอันอาจจะดาวน์โหลดไม่ได้ เพราะว่าไม่ได้ archive เก็บเอาไว้ — ถ้าเป็นไฟล์เกี่ยวกับ JavaScript ลองไปดูที่นี่ เค้าทำลิงก์ให้โหลดไว้ หรือ ที่นี่

งานนี้ AOL โดนด่าตายไปเลย น่าจ๋งจ๋าน

ป.ล. เขียนเว็บให้ตรงตามมาตรฐานนะครับ มีเว็บอ้างอิงให้ดูแล้วนะ

Bookmarklets

Bookmarklets ลองซะ

เหมาะมากๆ สำหรับคนที่ใช้เวบบ่อยๆ – ชีวิตสดใสขึ้นเยอะ

  • เอารูป เอาสี เอาตัววิ่ง ปลั๊กอิน งี่เง่าๆ น่ารำคาญ ออกจากหน้าเวบ
  • ปรับตัวหนังสือ จัดหน้า ให้อ่านง่ายๆ
  • ไฮไลท์ข้อความที่ค้นหาอยู่ให้
  • ฯลฯ

ไม่ต้องลงโปรแกรมอะไรเพิ่มเลย
แค่ import ไฟล์ html ไฟล์เดียว เข้า bookmark ของเรา ก็ใช้ได้แล้ว
(หรือจะเลือก drag-n-drop เฉพาะบางอันที่ถูกใจ ไปใส่ใน toolbar ก็ได้)

สุดยอด

แนะนำให้ลองชุดที่ชื่อ zap
ถูกใจมาก

:: ได้มาจาก iChris blog

—-
powered by JavaScript

JavaScript

ทีมเขียน JavaScript ของ Google นี่ท่าจะเก่งเนอะ
ดูจาก 3 web ในเครือ
Google, Gmail, Blogger
ใช้ JavaScript ได้มันมาก
ใช้แบบ เออ ได้ประโยชน์จริงๆ ไม่ได้เป็นแค่ลูกเล่นสวยๆ

เจ๋งดี

Netscape DevEdge: JavaScript Central