Tag: html

ทำตารางสลับสีแนวตั้ง

จาก entry คราวที่แล้วเรื่องทำตารางสลับสีแบบง่ายๆ ก็เลยเกิดความสงสัยขึ้นมาว่า ถ้าจะทำตารางสลับสีแนวตั้งละ มันจะทำได้ไหม ถ้าคิดอะไรไม่ออกก็คงต้องใช้ php ลงสีเอาอีกแน่ๆ

แบบนี้แหละที่เราต้องการ ถ้าเขียนโค๊ดก็คงประมาณนี้

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>COL1</td>
    <td bgcolor="#CCCCCC">COL2</td>
    <td>COL3</td>
    <td bgcolor="#CCCCCC">COL4</td>
    <td>COL5</td>
  </tr>
  <tr>
    <td>01</td>
    <td bgcolor="#CCCCCC">11</td>
    <td>21</td>
    <td bgcolor="#CCCCCC">31</td>
    <td>41</td>
  </tr>
  <tr>
    <td>02</td>
    <td bgcolor="#CCCCCC">12</td>
    <td>22</td>
    <td bgcolor="#CCCCCC">32</td>
    <td>42</td>
  </tr>
  <tr>
    <td>03</td>
    <td bgcolor="#CCCCCC">13</td>
    <td>23</td>
    <td bgcolor="#CCCCCC">33</td>
    <td>43</td>
  </tr>
</table>

ซึ่งมันดู… ธรรมดามากๆ แถมยังแก้ไขยากอีก ถ้าต้องการเปลี่ยนสีจาก CCC เป็นสีอื่นละ แล้วถ้ามันมีสัก 500 เซล… งานงอกกันทีเดียว Continue reading

USER AGENT ของมือถือ

ได้งานเขียนเว๊บบนมือถือมาอันนึง มีโจทย์ว่า ต้องทำงานบนมือถือได้ทุกเครื่อง… อื่ม มิงแอ๊ปมาก (abstract) ผมก็เลยบอกไปว่า ขอแค่ iOS, Android ละก็ BlackBerry เท่านั้น แต่ปัญหาที่ตามมาอีกก็คือ ขนาดหน้าจอมันไม่เท่ากันแถมเวลาเอียงหน้าจอก็เปลี่ยน พอตั้งเหมือนเดิมก็เปลี่ยนอีก ทำเอามึนกันไปใหญ่เลย

แต่วิธีแก้ปัญหา เราก็ทำกันง่ายๆ เลย คือใส่

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;”/>

เข้าไปตรง head ซะ แค่นี้ก็ใช้งานได้แล้ว คริกๆ ทดลองกับ iphone 3G, ipod 4, samsung cooper, lg optimus black และ bb 9700 แสดงผลออกมาเต็มจอ แล้วหมุนไปหมุนมาได้อย่างสนุกสนาน โดยที่ไม่เพียนเท่าไหร่

ส่วนถ้าอยากรู้ว่าคนเข้ามาเขาใช้อะไรก็ตรวจจาก HTTP_USER_AGENT ได้เลยใช้คำสั่ง ereg เทียบเอาก็ได้

  • iPhone ทุกตัว = iPhone
  • iPod = iPod หรือจะใช้ iPhone ก็ได้เหมือนกัน
  • Android = Android (ตามด้วย version)
  • BlackBerry = BlackBerry (ตามด้วยรุ่น)

ส่วนบน Nokia พอดีไม่มีเครื่อง ถ้าหากท่านใดมีเครื่องรบกวนส่วน user-agent มาให้ดูด้วยก็ได้ครับ