Tutorial
หลังจากเศร้าใจกับ Android SDK ที่ไม่มีเวอร์ชั่นสำหรับ Mac เก่าๆ ของเรา
และระหว่างรอหาแลปท้อปเก่ามาลง linux ก็ลองเล่น SDK เวอร์ชั่นวินโดวส์ไปพลางๆ ก่อน
โหลดแล้วก็แค่ extract เสร็จ กำหนด path เรียบร้อย ก็ลอง emulator ดูก่อน
อันนี้เป็น default skin (จอเล็กสุด) มันจะมี skin ให้เลือกได้ 4 แบบ ตามนี้
เวลา run ด้วย command ก็เลือกใส่ option เอาเอง
แล้วก็ลองตัวบราวเซอร์ที่มีให้ เช็ค user agent แล้วพบว่าเป็น WebKit
เปิดมามันจะเข้าหน้า google search ก่อน
ก็ลองเข้าเวบตัวเอง ปรากฏว่าภาษาไทยไม่แสดงผล
ไปอ่านเจอของคุณ pit ที่ทดสอบไปก่อนหน้าแล้ว พร้อมมีวิธีแก้ (เจ้าตัวบอกว่าเถื่อนๆ ไปหน่อย)
และในเมื่อมันได้ผล ก็ลองตามซะเลย
นั่งงมทางเข้า console ของตัว emulator อยู่พักนึง ไม่สำเร็จ เพราะใช้ option -console แล้วมันก็ input อะไรไม่ได้
เลยต้องปรึกษาคุณ keng ได้ท่าไม้ตายมาคือ คำสั่ง adb shell ง่ายๆ ซะงั้น
เลยขอความอนุเคราะห์ไฟล์ฟอนต์ทั้งหลายที่ปรับปรุงภาษาไทยแล้วจากฟอนต์ Tahoma อีกที
ก็ใส่เข้าไปใน /system/fonts ของ emulator ด้วย คำสั่ง adb push ทีละไฟล์
ปลุกปล้ำอยู่พักใหญ่ก็สำเร็จ ตามธรรมเนียมก็ต้องเปิดเวบตัวเอง แจ๋วเลย
ทดสอบการตัดคำไทย
ลองบนวินโดวส์ พบว่าตัวบราวเซอร์ก็มี crash บ้างเหมือนกัน (เหมือน lew เจอ)
ตอนเปิด rendertest.html นี่ไปเลย แต่โดยรวมก็โอเค
ขอยืมสำนวน keng มาดัดแปลงหน่อยว่า ที่สุด ไอ้หุ่นกระป๋อง ก็กลายเป็น C-3PO ได้แล้วซะที... ;-)
เข้าบรรดา บล็อกคนรู้จักทั้งหลาย สังเกตว่าของบางคนมีลูกเล่นอันนึงที่ชอบ คือ
เวลาเอาเม้าส์ไปชี้ที่ลิงก์ แล้วมันจะมีคล้ายๆ บอลลูนป๊อปอัพลอยขึ้นมา พร้อมกับมีหน้าตาของเวบที่ลิงก์ไปเล็กๆ ให้ดูด้วย
เลยอยากเอามาทำในนี้บ้าง ตามดูจนรู้ว่าเป็นบริการฟรีของ snap.com
เข้าไปคลิกๆ กรอกๆ สองสามที ก็จะได้สคริปต์มาชุดนึง สำหรับไปเรียกใช้ JavaScript ของ snap
ตัวอย่างก็จะหน้าตาประมาณนี้
<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=.....xxx blah blah blah xxx... ></script>
แล้วก็เอามาแปะใน tag <head> ของเรา
กรณีของผมใช้ drupal ก็แปะที่ไฟล์ xtemplate.xtmpl ของ theme ที่ใช้
แค่นี้ก็เรียบร้อย เวบเราก็จะดูดีฮิโซขึ้นมาทันที ^_^
ปล.รู้สึกว่ามันยังมีปัญหากับการ preview หน้าเวบที่ใช้ฟอนท์ภาษาไทยอยู่
จดไว้เดี๋ยวลืม
ความต้องการคือ สั่งพิมพ์จากหน้าเวบ แล้วให้มันแบ่งหน้าให้ตรงจุดที่เราต้องการให้ขึ้นหน้าใหม่
คุ้นๆ ว่า CSS มันมีพร็อพเพอตี้ตัวนึง เลยไปหาดูใน W3C
แล้วก็เจอตัวอย่าง เค้าใช้แบบนี้
ในแท็ก style ก็สร้างคลาสสำหรับ div ขั้นมาคลาสนึง
สมมุติตั้งว่า pageBreak ก็จะเป็นแบบนี้
<style>
div.pageBreak { page-break-before: always; }
</style>
เวลาจะใช้ ก็ใส่แท็ก div ตรงที่จะให้ขึ้นหน้าใหม่เวลาสั่งพิมพ์
<div class="pageBreak"></div>
ง่ายๆ แค่นี้แหละ
ลองทดสอบดู
<html><head>
<style>
div.pageBreak { page-break-before: always; }
</style>
</head>
<body>
xxxxx
<div class="pageBreak"></div>
yyyyy
<div class="pageBreak"></div>
zzzzz
</body>
</html>
เรียบร้อย...เปิดดูแล้วกด Print Preview...x, y, z พิมพ์แยกกัน 3 หน้าถูกต้อง
ที่จริงในตัวอย่างเค้าเขียนแท็ก div แบบนี้
<div class="pageBreak" />
ซึ่งปรากฏว่าบน IE มันแสดงผลถูกจริง แต่พอใช้ Firefox แล้วเจ๊ง
y กับ z มันอยู่หน้าเดียวกันเฉยไม่ยอมแยก ก็เลยต้องเขียน <div></div> อย่างที่เห็น
เพื่อให้ใช้ได้ทั้งสองบราวเซอร์หลักๆ นี่ก่อน
(ดูเหมือนจิ้งจอกไฟยังไม่ซัพพอร์ตการย่อปิดแท็กที่ควรมีอิลิเมนท์
เลยเขียนแบบในตัวอย่างไม่ได้)
วันนี้เอาแค่นี้ก่อน ^_^
MajorBike
Flickr
del.icio.us
MSN Space
Stumble!
Multiply
Wikipedia