<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>This blog is about Web Technology, Web Design, Web Programming, PHP and Wordpress : callmebird.com</title>
	<atom:link href="http://callmebird.com/weblog/feed" rel="self" type="application/rss+xml" />
	<link>http://callmebird.com/weblog</link>
	<description>Web Technology Web Design Web Programming PHP Wordpress</description>
	<pubDate>Tue, 18 Nov 2008 15:11:26 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>คิดถึง Aware จังเลย</title>
		<link>http://callmebird.com/weblog/aware-i-miss-u</link>
		<comments>http://callmebird.com/weblog/aware-i-miss-u#comments</comments>
		<pubDate>Tue, 18 Nov 2008 15:10:03 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Diary]]></category>

		<category><![CDATA[aware]]></category>

		<category><![CDATA[colleagues]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=56</guid>
		<description><![CDATA[หลังจากออกจากอะแวร์แล้วมาทำที่ใหม่
จิตใจยังไม่จากอะแวร์ ยังคงคิดถึงพี่ ๆ เพื่อน ๆ ที่อะแวร์อยู่เสมอ
และที่สำคัญคือ คิดถึงบ้าน&#8230;..
รูปหมู่ถ่ายกะ พี่สาวทั้งหลาย



ถ่ายกะโต๊ะทำงาน

ถ่ายกะพี่ลองและพี่พันธมิตร

ถ่ายกะพี่ดิ๋วพี่ทอมมี่พี่เกลือ

ถ่ายกะพี่ป้อง

ถ่ายกะพี่เจี๊ยบ

ถ่ายหมู่เล็ก ๆ

ถ่ายกะพี่ป๋อง พี่ต้น

ถ่ายหมู่ใหญ่ ๆ
 
ถ่ายกะพี่แนน

ถ่ายหมู่

ถ่ายกะไอ้ขิม

ถ่ายกะไอ้พ้ง

หมู่

ถ่ายกะเจ๊อัน-พี่หล้า สุดสวย

ถ่ายหมู่ไปเรื่อย

ไอ้ขิมกะไอ้พ้ง

หมู่

ถ่ายกะเมเนเจอร์

ถ่ายกะพี่กระแตคนน่ารัก
 

  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Faware-i-miss-u';
  addthis_title  = '%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B8%96%E0%B8%B6%E0%B8%87+Aware+%E0%B8%88%E0%B8%B1%E0%B8%87%E0%B9%80%E0%B8%A5%E0%B8%A2';
  addthis_pub    = 'callmebird';

]]></description>
			<content:encoded><![CDATA[<p>หลังจากออกจากอะแวร์แล้วมาทำที่ใหม่<br />
จิตใจยังไม่จากอะแวร์ ยังคงคิดถึงพี่ ๆ เพื่อน ๆ ที่อะแวร์อยู่เสมอ<br />
และที่สำคัญคือ คิดถึงบ้าน&#8230;..</p>
<p>รูปหมู่ถ่ายกะ พี่สาวทั้งหลาย</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039581461/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039581461/');" class="flickr"><img src="http://farm4.static.flickr.com/3007/3039581461_ecb158885e.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p><span id="more-56"></span></p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039581583/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039581583/');" class="flickr"><img src="http://farm4.static.flickr.com/3285/3039581583_a07cf1f9be.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040420744/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040420744/');" class="flickr"><img src="http://farm4.static.flickr.com/3208/3040420744_55ede8ed87.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039581347/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039581347/');" class="flickr"><img src="http://farm4.static.flickr.com/3057/3039581347_d1459eff77.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะโต๊ะทำงาน</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039581207/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039581207/');" class="flickr"><img src="http://farm4.static.flickr.com/3058/3039581207_90bdfe60ed.jpg" alt="" class="flickr_img medium photo"  title="โต๊ะทำงานผมเอง"/></a></div>
<p>ถ่ายกะพี่ลองและพี่พันธมิตร</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040420072/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040420072/');" class="flickr"><img src="http://farm4.static.flickr.com/3043/3040420072_d570b9f566.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่ดิ๋วพี่ทอมมี่พี่เกลือ</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040419984/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040419984/');" class="flickr"><img src="http://farm4.static.flickr.com/3047/3040419984_5a36336b1a.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่ป้อง</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039580757/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039580757/');" class="flickr"><img src="http://farm4.static.flickr.com/3067/3039580757_f441423bf6.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่เจี๊ยบ</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040419684/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040419684/');" class="flickr"><img src="http://farm4.static.flickr.com/3017/3040419684_01bc47119d.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายหมู่เล็ก ๆ</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039580465/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039580465/');" class="flickr"><img src="http://farm4.static.flickr.com/3140/3039580465_9d1638d487.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่ป๋อง พี่ต้น</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040419342/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040419342/');" class="flickr"><img src="http://farm4.static.flickr.com/3294/3040419342_0806ac73da.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายหมู่ใหญ่ ๆ</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040419568/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040419568/');" class="flickr"><img src="http://farm4.static.flickr.com/3014/3040419568_8dc38600b3.jpg" alt="" class="flickr_img medium photo" /></a></div> <div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039580189/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039580189/');" class="flickr"><img src="http://farm4.static.flickr.com/3166/3039580189_6664594484.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่แนน</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040419246/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040419246/');" class="flickr"><img src="http://farm4.static.flickr.com/3207/3040419246_d156c097a5.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายหมู่</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039580091/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039580091/');" class="flickr"><img src="http://farm4.static.flickr.com/3044/3039580091_7d0f4f2812.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040418890/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040418890/');" class="flickr"><img src="http://farm4.static.flickr.com/3235/3040418890_b0aacfb8cb.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040418780/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040418780/');" class="flickr"><img src="http://farm4.static.flickr.com/3072/3040418780_6031f4eefe.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะไอ้ขิม</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579777/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579777/');" class="flickr"><img src="http://farm4.static.flickr.com/3150/3039579777_557eb29759.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะไอ้พ้ง</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579689/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579689/');" class="flickr"><img src="http://farm4.static.flickr.com/3003/3039579689_eb88f30d97.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>หมู่</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579559/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579559/');" class="flickr"><img src="http://farm4.static.flickr.com/3144/3039579559_35ac44bfb6.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579469/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579469/');" class="flickr"><img src="http://farm4.static.flickr.com/3025/3039579469_1e97f50353.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579315/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579315/');" class="flickr"><img src="http://farm4.static.flickr.com/3202/3039579315_d984344bf1.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039579199/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039579199/');" class="flickr"><img src="http://farm4.static.flickr.com/3040/3039579199_12f54a4635.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะเจ๊อัน-พี่หล้า สุดสวย</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040417938/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040417938/');" class="flickr"><img src="http://farm4.static.flickr.com/3282/3040417938_ffbd7da80d.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายหมู่ไปเรื่อย</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039578967/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039578967/');" class="flickr"><img src="http://farm4.static.flickr.com/3288/3039578967_b5a0240918.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040417734/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040417734/');" class="flickr"><img src="http://farm4.static.flickr.com/3030/3040417734_fc7997574c.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040417604/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040417604/');" class="flickr"><img src="http://farm4.static.flickr.com/3064/3040417604_99a50a7a30.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039578607/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039578607/');" class="flickr"><img src="http://farm4.static.flickr.com/3202/3039578607_6bfc728921.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039578489/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039578489/');" class="flickr"><img src="http://farm4.static.flickr.com/3014/3039578489_d273e4ed34.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040417234/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040417234/');" class="flickr"><img src="http://farm4.static.flickr.com/3274/3040417234_624d1d0ef0.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039578227/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039578227/');" class="flickr"><img src="http://farm4.static.flickr.com/3018/3039578227_d2d33dd4f3.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039578109/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039578109/');" class="flickr"><img src="http://farm4.static.flickr.com/3067/3039578109_ac4380dbcc.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039577959/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039577959/');" class="flickr"><img src="http://farm4.static.flickr.com/3159/3039577959_9524d3979b.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ไอ้ขิมกะไอ้พ้ง</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039577821/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039577821/');" class="flickr"><img src="http://farm4.static.flickr.com/3044/3039577821_8468ab4e02.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>หมู่</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040416640/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040416640/');" class="flickr"><img src="http://farm4.static.flickr.com/3062/3040416640_08243478da.jpg" alt="" class="flickr_img medium photo" /></a></div><div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040416522/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040416522/');" class="flickr"><img src="http://farm4.static.flickr.com/3024/3040416522_ff810618dd.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะเมเนเจอร์</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3040416300/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3040416300/');" class="flickr"><img src="http://farm4.static.flickr.com/3237/3040416300_d8ea1dfaa0.jpg" alt="" class="flickr_img medium photo" /></a></div>
<p>ถ่ายกะพี่กระแตคนน่ารัก</p>
<div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039577215/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039577215/');" class="flickr"><img src="http://farm4.static.flickr.com/3205/3039577215_1be3e2140f.jpg" alt="" class="flickr_img medium photo" /></a></div> <div class="flickrTag_container"><a href="http://www.flickr.com/photos/32559003@N06/3039577093/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/32559003@N06/3039577093/');" class="flickr"><img src="http://farm4.static.flickr.com/3194/3039577093_3c2dbbff9b.jpg" alt="" class="flickr_img medium photo" /></a></div>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Faware-i-miss-u';
  addthis_title  = '%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B8%96%E0%B8%B6%E0%B8%87+Aware+%E0%B8%88%E0%B8%B1%E0%B8%87%E0%B9%80%E0%B8%A5%E0%B8%A2';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/aware-i-miss-u/feed</wfw:commentRss>
		</item>
		<item>
		<title>วิธีนำ filemanager ของเรามาใช้กับ TinyMCE</title>
		<link>http://callmebird.com/weblog/integrate-filemanager-tinymce</link>
		<comments>http://callmebird.com/weblog/integrate-filemanager-tinymce#comments</comments>
		<pubDate>Mon, 10 Nov 2008 08:19:18 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Programming]]></category>

		<category><![CDATA[filemanager]]></category>

		<category><![CDATA[integrate]]></category>

		<category><![CDATA[text editor]]></category>

		<category><![CDATA[tinymce]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=55</guid>
		<description><![CDATA[ขั้นตอนที่ 1:
ในการตั้งค่าการใช้งาน TinyMCE ให้เปิดใช้ plugin ที่ชื่อว่า advimage ดังนี้



&#60;script language=&#34;javascript&#34; type=&#34;text/javascript&#34;&#62;


tinyMCE.init&#40;&#123;


mode : &#34;textareas&#34;,


theme : &#34;advanced&#34;,


width : &#34;630&#34;,


plugins : &#34;advimage&#34;


&#125;&#41;;


&#60;/script&#62;



ขั้นตอนที่ 2 :
เข้าไปเพิ่มปุ่ม browse ในหน้าต่าง insert/edit image


โดยการเข้าไปแก้โค้ด plugin advimage &#8220;image.js&#8221; ซึ่งอยู่ใน plugins/advimage/js/
เสิร์ชหาคำว่า &#8220;srcbrowsercontainer&#8221; ในไฟล์ image.js  จะเจอ 



&#60;td id=&#34;srcbrowsercontainer&#34;&#62; &#60;/td&#62;



ให้แทนที่ &#38;nbsp; ด้วยโค้ดปุ่ม browse



&#60;a href=&#34;javascript:void(0);&#34; onclick=&#34;ImageDialog.popupWindows();&#34;&#62; &#60;img src=&#34;img/browse.gif&#34; title=&#34;browse&#34; alt=&#34;browse&#34; style=&#34;border: 0;&#34; /&#62;&#60;/a&#62;



เพิ่มรูป browse

ไว้ใน plugins/advimage/img/
ขั้นตอนที่ 3 :
เปิดไฟล์ image.js ซึ่งอยู่ใน plugins/advimage/js/ ขึ้นมา [...]]]></description>
			<content:encoded><![CDATA[<p><strong>ขั้นตอนที่ 1:</strong></p>
<p>ในการตั้งค่าการใช้งาน TinyMCE ให้เปิดใช้ plugin ที่ชื่อว่า advimage ดังนี้</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script language=<span class="st0">&quot;javascript&quot;</span> type=<span class="st0">&quot;text/javascript&quot;</span>&gt;</div>
</li>
<li class="li1">
<div class="de1">tinyMCE.<span class="me1">init</span><span class="br0">&#40;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">mode : <span class="st0">&quot;textareas&quot;</span>,</div>
</li>
<li class="li1">
<div class="de1">theme : <span class="st0">&quot;advanced&quot;</span>,</div>
</li>
<li class="li2">
<div class="de2">width : <span class="st0">&quot;630&quot;</span>,</div>
</li>
<li class="li1">
<div class="de1">plugins : <span class="st0">&quot;advimage&quot;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&lt;/script&gt;</div>
</li>
</ol>
</div>
<p><strong>ขั้นตอนที่ 2 :</strong></p>
<p>เข้าไปเพิ่มปุ่ม browse ในหน้าต่าง insert/edit image</p>
<p><img src="http://callmebird.com/weblog/files/images/before-add-button.jpg" alt="" /></p>
<p><span id="more-55"></span></p>
<p>โดยการเข้าไปแก้โค้ด plugin advimage &#8220;image.js&#8221; ซึ่งอยู่ใน plugins/advimage/js/<br />
เสิร์ชหาคำว่า <span class="attribute-value">&#8220;srcbrowsercontainer&#8221; ในไฟล์ image.js  จะเจอ </span></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;td id=<span class="st0">&quot;srcbrowsercontainer&quot;</span>&gt; &lt;/td&gt;</div>
</li>
</ol>
</div>
<p>ให้แทนที่ &amp;<span class="entity">nbsp; ด้วยโค้ดปุ่ม browse</span></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;ImageDialog.popupWindows();&quot;&gt; &lt;img src=&quot;img/browse.gif&quot; title=&quot;browse&quot; alt=&quot;browse&quot; style=&quot;border: 0;&quot; /&gt;&lt;/a&gt;</div>
</li>
</ol>
</div>
<p>เพิ่มรูป browse</p>
<p><img src="http://callmebird.com/weblog/files/images/browse.gif" alt="" /></p>
<p>ไว้ใน plugins/advimage/img/</p>
<p><strong>ขั้นตอนที่ 3 :</strong></p>
<p>เปิดไฟล์ image.js ซึ่งอยู่ใน plugins/advimage/js/ ขึ้นมา เลื่อนลงมาส่วนท้ายของไฟล์ แล้วนำโค้ด</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">,popupWindows : <span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">window.<span class="kw3">open</span><span class="br0">&#40;</span><span class="st0">&#8216;filemanager path&#8217;</span>, <span class="st0">&#8221;</span>, <span class="st0">&#8217;status=0,toolbar=0,location=0,directories=0,menubar=0,scrollbars=0,copyhistory=0,resizable=0&#8242;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ไปต่อท้าย</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">showPreviewImage : <span class="kw2">function</span><span class="br0">&#40;</span>u, st<span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&#8230;&#8230;&#8230;.</div>
</li>
<li class="li1">
<div class="de1">&#8230;&#8230;&#8230;.</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p><strong><span style="color: #ff0000;">filemanager path </span></strong><span style="color: #ff0000;"><span style="color: #000000;">คือ path ที่ชี้ไปยัง file manager</span></span></p>
<p>เมื่อทำตามขั้นตอนทั้งหมดแล้วให้ลองรันดู ในหน้าต่าง insert/edit image จะมีปุ่ม browse ดังรูป</p>
<p><img src="http://callmebird.com/weblog/files/images/after-add-button.jpg" alt="" /></p>
<p>เมื่อกดปุ่ม browse จะมีหน้าต่าง popup เด้งขึ้นมา ซึ่งเป็น filemanager ที่เราได้กำหนดไว้ใน <strong>filemanager path </strong><span style="color: #000000;">นั่นเอง</span></p>
<p><strong>ขั้นตอนที่ 4 :</strong></p>
<p>ในโปรแกรม file manager ของเรา เมื่อคลิกเลือกรูปภาพแล้ว path ของรูปภาพที่เลือกจะต้องปรากฏอยู่ในช่อง Image URL และรูปภาพ Preview จะต้องปรากฏขึ้น ในหน้าต่าง insert/edit image ทำได้โดยการ ใส่โค้ด</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">window.<span class="me1">opener</span>.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">&#8217;src&#8217;</span><span class="br0">&#41;</span>.<span class="me1">value</span>=<span class="st0">&quot;image path&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1">window.<span class="me1">opener</span>.<span class="me1">ImageDialog</span>.<span class="me1">showPreviewImage</span><span class="br0">&#40;</span><span class="st0">&quot;image path&quot;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">self.<span class="kw3">close</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>เข้าไปไว้ใน event เมื่อผู้ใช้คลิกเลือกรูปภาพ</p>
<p><strong>ขอบคุณ <a href="http://www.tomojung.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.tomojung.com/');" target="_blank">พี่ทอม</a></strong></p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fintegrate-filemanager-tinymce';
  addthis_title  = '%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%99%E0%B8%B3+filemanager+%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B2%E0%B8%A1%E0%B8%B2%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+TinyMCE';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/integrate-filemanager-tinymce/feed</wfw:commentRss>
		</item>
		<item>
		<title>คลิปอ้น</title>
		<link>http://callmebird.com/weblog/%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%ad%e0%b9%89%e0%b8%99</link>
		<comments>http://callmebird.com/weblog/%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%ad%e0%b9%89%e0%b8%99#comments</comments>
		<pubDate>Wed, 08 Oct 2008 02:32:10 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[คลิป]]></category>

		<category><![CDATA[คลิปอ้น]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=46</guid>
		<description><![CDATA[เมื่อวันที่ 7 ต.ค. มีข่าวลือแพร่สะพัดทางอินเตอร์เน็ต ว่ามีคลิปคนหน้าเหมือน อ้น สราวุฒิ มาตรทอง มีสัมพันธ์สวาทกับหญิงสาว
คลิกที่รูปเพื่อดูคลิป






อ้น สราวุฒิเปิดแถลงข่าวทั้งน้ำตาว่า เรื่องที่เกิดขึ้น เป็นความสะเพร่าของตนเอง รับทั้งน้ำตา คลิปอึ๊บสาวเป็นตัวเอง ถ่ายไว้กับแฟนคนเก่าในมือถือ แต่หล่นหายหลังเดินทางถ่ายทำรายการ ก้มกราบบอกเสียใจที่ทำให้ผิดหวัง ขอรับผิดแต่เพียงผู้เดียว เผยคลิปฉาวมีผลกับความสัมพันธ์ &#8220;นวล&#8221;
ด้านผู้บริหารช่อง 3 ยันไม่มีผลกับงาน แต่บอกให้จำไว้เป็นอุทธาหรณ์




&#8220;ผมเสียใจมาก เสียใจที่มันเกิดขึ้น และส่งผลกระทบต่อคนรอบข้าง ครอบครัวผม ครอบครัวของคนใกล้ชิดด้วย ผมขอรับผิดเพียงผู้เดียว ผู้หญิงในภาพเขาไม่ผิด ไม่ควรต้องมารับผิดชอบอะไร แต่เขาได้รับผลกระทบด้วย ผมเสียใจ ผมผิดไปแล้ว สิ่งหนึ่งที่ผมอยากจะขอ เหตุการณ์นี้เป็นความผิดของผมเอง ขอรับผิดชอบทั้งหมด ไม่อยากให้กระทบใครทั้งนั้น&#8221; อ้น กล่าว จากนั้นร้องไห้โฮออกมา และว่า &#8220;กรุณาอย่าพาดพิงถึงใคร และผมขออย่าถามเรื่องนี้อีกเลยนะครับ&#8221; ก่อนก้มลงกราบที่พื้น
คลิปอ้น
Reference:

manager
matichon


  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2F%25e0%25b8%2584%25e0%25b8%25a5%25e0%25b8%25b4%25e0%25b8%259b%25e0%25b8%25ad%25e0%25b9%2589%25e0%25b8%2599';
  addthis_title  = [...]]]></description>
			<content:encoded><![CDATA[<p>เมื่อวันที่ 7 ต.ค. มีข่าวลือแพร่สะพัดทางอินเตอร์เน็ต ว่ามีคลิปคนหน้าเหมือน อ้น สราวุฒิ มาตรทอง มีสัมพันธ์สวาทกับหญิงสาว</p>
<p><span style="color: #0000ff;">คลิกที่รูปเพื่อดูคลิป</span></p>
<p><a title="คลิปอ้น" href="http://video.mthai.com/player.php?id=6M1223368393M0" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://video.mthai.com/player.php?id=6M1223368393M0');" target="_blank"><img src="http://callmebird.com/weblog/files/images/551000012831401.JPEG" alt="" width="250" height="202" /></a></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-7232477768084961";
/* callmebird.com image 250x250, created 8/15/08 */
google_ad_slot = "3645832151";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><span id="more-46"></span></p>
<p>อ้น สราวุฒิเปิดแถลงข่าวทั้งน้ำตาว่า เรื่องที่เกิดขึ้น เป็นความสะเพร่าของตนเอง รับทั้งน้ำตา คลิปอึ๊บสาวเป็นตัวเอง ถ่ายไว้กับแฟนคนเก่าในมือถือ แต่หล่นหายหลังเดินทางถ่ายทำรายการ ก้มกราบบอกเสียใจที่ทำให้ผิดหวัง ขอรับผิดแต่เพียงผู้เดียว เผยคลิปฉาวมีผลกับความสัมพันธ์ &#8220;นวล&#8221;</p>
<p>ด้านผู้บริหารช่อง 3 ยันไม่มีผลกับงาน แต่บอกให้จำไว้เป็นอุทธาหรณ์</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-7232477768084961";
/* callmebird.com 300x250, created 8/15/08 */
google_ad_slot = "8775089640";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>&#8220;ผมเสียใจมาก เสียใจที่มันเกิดขึ้น และส่งผลกระทบต่อคนรอบข้าง ครอบครัวผม ครอบครัวของคนใกล้ชิดด้วย ผมขอรับผิดเพียงผู้เดียว ผู้หญิงในภาพเขาไม่ผิด ไม่ควรต้องมารับผิดชอบอะไร แต่เขาได้รับผลกระทบด้วย ผมเสียใจ ผมผิดไปแล้ว สิ่งหนึ่งที่ผมอยากจะขอ เหตุการณ์นี้เป็นความผิดของผมเอง ขอรับผิดชอบทั้งหมด ไม่อยากให้กระทบใครทั้งนั้น&#8221; อ้น กล่าว จากนั้นร้องไห้โฮออกมา และว่า &#8220;กรุณาอย่าพาดพิงถึงใคร และผมขออย่าถามเรื่องนี้อีกเลยนะครับ&#8221; ก่อนก้มลงกราบที่พื้น</p>
<p><a title="คลิปอ้น" href="http://video.mthai.com/player.php?id=6M1223368393M0" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://video.mthai.com/player.php?id=6M1223368393M0');" target="_blank">คลิปอ้น</a></p>
<p>Reference:</p>
<ul>
<li><a href="http://www.manager.co.th/Entertainment/ViewNews.aspx?NewsID=9510000119048" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.manager.co.th/Entertainment/ViewNews.aspx?NewsID=9510000119048');" target="_blank">manager</a></li>
<li><a href="http://www.matichon.co.th/khaosod/view_newsonline.php?newsid=TVRJeU16TTFOamc1T1E9PQ==" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.matichon.co.th/khaosod/view_newsonline.php?newsid=TVRJeU16TTFOamc1T1E9PQ==');" target="_blank">matichon</a></li>
</ul>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2F%25e0%25b8%2584%25e0%25b8%25a5%25e0%25b8%25b4%25e0%25b8%259b%25e0%25b8%25ad%25e0%25b9%2589%25e0%25b8%2599';
  addthis_title  = '%E0%B8%84%E0%B8%A5%E0%B8%B4%E0%B8%9B%E0%B8%AD%E0%B9%89%E0%B8%99';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%ad%e0%b9%89%e0%b8%99/feed</wfw:commentRss>
		</item>
		<item>
		<title>Using an image as a link (2)</title>
		<link>http://callmebird.com/weblog/using-image-as-link-2</link>
		<comments>http://callmebird.com/weblog/using-image-as-link-2#comments</comments>
		<pubDate>Thu, 11 Sep 2008 08:39:17 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[style sheet]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[image]]></category>

		<category><![CDATA[Link]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=45</guid>
		<description><![CDATA[จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
 วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก &#60;a&#62; เหมือนเดิม



&#60;a class=&#34;imagelink&#34; href=&#34;#&#34;&#62;xxx.com&#60;/a&#62;





style sheet



.imagelink


&#123;


display: block;


background: url&#40;xxxx.png&#41;  no-repeat ;


height: 55px;


width: 275px;


text-indent:-999999px;


&#125;



วิธีนี้คิดว่าน่าจะดีต่อการทำ seo เพราะยังเก็บข้อความลิงค์ไว้อยู่
เพียงแค่ดันมันออกจากกรอบ ไม่แสดงให้ user เห็นเท่านั้นเอง
Reference:
http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php

  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fusing-image-as-link-2';
  addthis_title  = 'Using+an+image+as+a+link+%282%29';
  addthis_pub    = 'callmebird';

]]></description>
			<content:encoded><![CDATA[<p>จากตอนที่แล้ว <a href="http://callmebird.com/weblog/using-image-as-link" target="_self">http://callmebird.com/weblog/using-image-as-link<br />
</a> วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม<br />
ใช้แท็ก &lt;a&gt; เหมือนเดิม</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;a class=&quot;imagelink&quot; href=&quot;#&quot;&gt;xxx.com&lt;/a&gt;</div>
</li>
</ol>
</div>
<p><!--adsense--></p>
<p><span id="more-45"></span></p>
<p>style sheet</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re1">.imagelink</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">display</span>: <span class="kw2">block</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">background</span>: <span class="kw2">url</span><span class="br0">&#40;</span><span class="re4">xxxx<span class="re1">.png</span></span><span class="br0">&#41;</span>  <span class="kw2">no-repeat</span> ;</div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">height</span>: <span class="re3">55px</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">width</span>: <span class="re3">275px</span>;</div>
</li>
<li class="li1">
<div class="de1">text-indent<span class="re2">:-<span class="re3">999999px</span></span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>วิธีนี้คิดว่าน่าจะดีต่อการทำ seo เพราะยังเก็บข้อความลิงค์ไว้อยู่<br />
เพียงแค่ดันมันออกจากกรอบ ไม่แสดงให้ user เห็นเท่านั้นเอง</p>
<p><strong>Reference:</strong><br />
<a href="http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php');" target="_blank">http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php</a></p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fusing-image-as-link-2';
  addthis_title  = 'Using+an+image+as+a+link+%282%29';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/using-image-as-link-2/feed</wfw:commentRss>
		</item>
		<item>
		<title>ป้องกัน robots มาเก็บข้อมูล</title>
		<link>http://callmebird.com/weblog/prevent-robots-googlebot</link>
		<comments>http://callmebird.com/weblog/prevent-robots-googlebot#comments</comments>
		<pubDate>Tue, 26 Aug 2008 16:24:15 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Programming]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[googlebot]]></category>

		<category><![CDATA[prevent]]></category>

		<category><![CDATA[robot]]></category>

		<category><![CDATA[seo]]></category>

		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=41</guid>
		<description><![CDATA[เป็นที่ทราบกันดีว่าถ้าคุณนำข้อมูลใส่เข้าไปบนอินเทอร์เน็ตนั่นก็หมายความว่าคุณยอมรับ
ที่จะเผยแพร่ข้อมูลนั้นต่อสาธารณ เพียงแค่ใช้ ชื่อหรืออีเมล ของบุคคลที่คุณต้องการสืบค้น
เสิร์ชด้วยกูเกิลคุณก็จะพบกับข้อมูลมากมาย
วิธีที่จะช่วยให้เว็บไซท์ หรือ บางเพจของเว็บไม่ให้ถูกค้นเจอด้วย search engine
1.ใส่ robots meta tag ในเพจที่ไม่ต้องการให้ search engine เก็บข้อมูลไปทำ index



&#60;META NAME=&#34;ROBOTS&#34; CONTENT=&#34;NOINDEX, NOFOLLOW&#34;&#62;




ค่า NAME ที่สามารถใส่เข้าไปได้

ROBOTS หมายถึง robots ของทุกตัว
GOOGLEBOT หมายถึง การเจาะจงให้มีผลเฉพาะ robot ของ google

ค่า CONTENT ที่สามารถใส่เข้าไปได้

NOINDEX หมายถึง ไม่ให้ทำ index เพจนี้
NOFOLLOW หมายถึง ห้ามตาม link ที่ปรากฏในเพจนี้
NOARCHIVE หมายถึง ห้าม cache เพจนี้


 
2.สร้างไฟล์ robots.txt ไว้ที่ root / top level ไดเรคทอรี่
เมื่อ robots เข้ามาเยี่ยมเว็บไซท์เรา มันจะมองมาไฟล์ robots.txt ก่อน
เช่น [...]]]></description>
			<content:encoded><![CDATA[<p>เป็นที่ทราบกันดีว่าถ้าคุณนำข้อมูลใส่เข้าไปบนอินเทอร์เน็ตนั่นก็หมายความว่าคุณยอมรับ<br />
ที่จะเผยแพร่ข้อมูลนั้นต่อสาธารณ เพียงแค่ใช้ ชื่อหรืออีเมล ของบุคคลที่คุณต้องการสืบค้น<br />
เสิร์ชด้วยกูเกิลคุณก็จะพบกับข้อมูลมากมาย</p>
<p>วิธีที่จะช่วยให้เว็บไซท์ หรือ บางเพจของเว็บไม่ให้ถูกค้นเจอด้วย search engine</p>
<p><strong>1.ใส่ robots meta tag ในเพจที่ไม่ต้องการให้ search engine เก็บข้อมูลไปทำ index</strong></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;META NAME=&quot;ROBOTS&quot; CONTENT=&quot;NOINDEX, NOFOLLOW&quot;&gt;</div>
</li>
</ol>
</div>
<p><span id="more-41"></span></p>
<p>ค่า NAME ที่สามารถใส่เข้าไปได้</p>
<ul>
<li>ROBOTS หมายถึง robots ของทุกตัว</li>
<li>GOOGLEBOT หมายถึง การเจาะจงให้มีผลเฉพาะ robot ของ google</li>
</ul>
<p>ค่า CONTENT ที่สามารถใส่เข้าไปได้</p>
<ul>
<li>NOINDEX หมายถึง ไม่ให้ทำ index เพจนี้</li>
<li>NOFOLLOW หมายถึง ห้ามตาม link ที่ปรากฏในเพจนี้</li>
<li>NOARCHIVE หมายถึง ห้าม cache เพจนี้</li>
</ul>
<p><img src="http://callmebird.com/weblog/files/images/cachedLink.gif" alt="" /></p>
<p> </p>
<p><strong>2.สร้างไฟล์ robots.txt ไว้ที่ root / top level ไดเรคทอรี่</strong></p>
<p>เมื่อ robots เข้ามาเยี่ยมเว็บไซท์เรา มันจะมองมาไฟล์ robots.txt ก่อน<br />
เช่น url เว็บไซท์ http://www.example.com/ robot ก็จะเข้าไปที่<br />
http://www.example.com/robots.txt เป็นอันดับแรก<br />
ถ้าเราใส่โคดข้างล่างนี้เข้าไปในไฟล์ robots.txt</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">User-agent: *
</div>
</li>
<li class="li1">
<div class="de1">Disallow: /</div>
</li>
</ol>
</div>
<p>robots มันก็จะออกไปจากเว็บไซท์เราทันที</p>
<p><tt><span style="font-family: Lucida Sans Unicode;">&#8220;</span>User-agent: *&#8221;</tt>  หมายความว่า ให้มีผลกับ robots ทุกตัว<br />
<tt><span style="font-family: Lucida Sans Unicode;">&#8220;</span>Disallow: /&#8221;</tt> คือ การบอกให้ robots ไม่ต้องเข้ามายุ่มย่ามเว็บไซท์นี้</p>
<p>วิธีนี้ก็สามารถระบุตัว robot ได้เช่นเดียวกับวิธีแรกโดยใส่ค่า User-agent ดังนี้</p>
<p>&#8220;User-agent: Google&#8221;</p>
<p><!--adsense--></p>
<p>มาดูกันอีกตัวอย่างนึง</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">User-agent: *
</div>
</li>
<li class="li1">
<div class="de1">Disallow: /cgi-bin/
</div>
</li>
<li class="li1">
<div class="de1">Disallow: /tmp/
</div>
</li>
<li class="li1">
<div class="de1">Disallow: /junk/foo.html</div>
</li>
</ol>
</div>
<p>&#8220;Disallow: /cgi-bin/ &#8221; หมายความว่า ห้าม robots ตัวใด ๆ เข้าไปโฟลเดอร์ cgi-bin<br />
&#8220;Disallow: /junk/foo.html&#8221; หมายความว่า ห้าม robots ตัวใด ๆ เข้าไปยุ่งกะไฟล์<br />
foo.html ที่อยู่ในโฟลเดอร์ junk</p>
<p>ตัวอย่างเว็บที่ใช้ robots.txt</p>
<ul>
<li><a href="http://www.pantip.com/robots.txt" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.pantip.com/robots.txt');" target="_blank">http://www.pantip.com/robots.txt</a></li>
<li><a href="http://www.amazon.com/robots.txt" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.amazon.com/robots.txt');" target="_blank">http://www.amazon.com/robots.txt</a></li>
<li><a href="http://www.google.com/robots.txt" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.google.com/robots.txt');" target="_blank">http://www.google.com/robots.txt</a></li>
<li><a href="http://www.ebay.com/robots.txt" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.ebay.com/robots.txt');" target="_blank">http://www.ebay.com/robots.txt</a></li>
<li><a href="http://edition.cnn.com/robots.txt" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://edition.cnn.com/robots.txt');" target="_blank">http://edition.cnn.com/robots.txt</a></li>
</ul>
<p><strong>Reference:</strong></p>
<ul>
<li><a href="http://googlewebmastercentral.blogspot.com/2007/03/using-robots-meta-tag.html" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://googlewebmastercentral.blogspot.com/2007/03/using-robots-meta-tag.html');" target="_blank">http://googlewebmastercentral.blogspot.com/2007/03/using-robots-meta-tag.html</a></li>
<li><a href="http://www.robotstxt.org/robotstxt.html" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.robotstxt.org/robotstxt.html');" target="_blank">http://www.robotstxt.org/robotstxt.html</a></li>
</ul>
<p> </p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fprevent-robots-googlebot';
  addthis_title  = '%E0%B8%9B%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B1%E0%B8%99+robots+%E0%B8%A1%E0%B8%B2%E0%B9%80%E0%B8%81%E0%B9%87%E0%B8%9A%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/prevent-robots-googlebot/feed</wfw:commentRss>
		</item>
		<item>
		<title>เขียน code ตรวจสอบ browser</title>
		<link>http://callmebird.com/weblog/browser-detection-ie-or-notie</link>
		<comments>http://callmebird.com/weblog/browser-detection-ie-or-notie#comments</comments>
		<pubDate>Tue, 12 Aug 2008 14:53:30 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[browser]]></category>

		<category><![CDATA[detection]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[ie]]></category>

		<category><![CDATA[javascript]]></category>

		<category><![CDATA[user agent]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=34</guid>
		<description><![CDATA[พอดีเพื่อนถามว่ามีโคดตรวจสอบเบราเซอร์ป่าว
ตอนแรกผมก็ไม่รู้หรอกนะคับ ว่ามันเขียนยังไง
ก็ถามกูเกิลเอา แล้วก็ส่งลิงค์ให้เพื่อน - -&#8221;
ก็เลยถือโอกาสเอามาเขียนซะหน่อย
เอาไปใช้ทำไร
ไม่รู้เหมือนกันอะคับ ไม่เคยมีความจำเป็นต้องใช้
แต่ที่เห็นว่าน่าจะใช้ก็พวกโคดเก็บสถิติการเข้าเว็บต่าง ๆ
การเขียนโคดเพื่อทำงานเฉพาะแต่ละเบราเซอร์(ตอนนี้ไม่นิยมแล้ว)
ภาษาที่ใช้

php หรือ
javascript


ตรวจสอบโดยใช้ PHP
วิธีแรกเราจะใช้ $_SERVER['HTTP_USER_AGENT'] ซึ่งจะคืนค่า
มาเป็น string ประกอบด้วยข้อมูลของผู้ใช้ที่เข้าเว็บเรา
เช่น ระบบปฏิบัติการ, เบราเซอร์
ตัวอย่าง สมมติคนที่เข้าเว็บเราใช้ ie 6 บน windows
ข้อมูลที่ได้ก็จะเป็นดังนี้




Mozilla/4.0 &#40;compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.0.3705; .NET CLR 1.1.4322&#41;



เริ่มปฏิบัติการด้วยการใช้ฟังก์ชัน strpos() หาว่าใน string
ที่ใส่เข้าไปเป็น parameter ตัวแรกเนี่ย มีคำ
ที่ใส่เข้าไปเป็น parameter ตัวที่สองไหม
ที่จริงแล้วฟังก์ชันนี้ใช้หาตำแหน่งคำ มันจะคืนค่ามาเป็น
false ถ้าหากมันหาคำนั้นไม่เจอ หรือ คืนค่าตัวเลขตำแหน่งมาถ้าหาเจอ



&#60;?php


$ua = $_SERVER&#91;&#8216;HTTP_USER_AGENT&#8217;&#93;;


if &#40;strpos&#40;$ua,&#8216;MSIE 5&#8242;&#41;&#41; &#123;


echo &#34;คุณกำลังใช้ IE5.x&#34;;


&#125;else if &#40;strpos&#40;$ua,&#8216;MSIE 6&#8242;&#41;&#41; [...]]]></description>
			<content:encoded><![CDATA[<p>พอดีเพื่อนถามว่ามีโคดตรวจสอบเบราเซอร์ป่าว<br />
ตอนแรกผมก็ไม่รู้หรอกนะคับ ว่ามันเขียนยังไง<br />
ก็ถามกูเกิลเอา แล้วก็ส่งลิงค์ให้เพื่อน - -&#8221;<br />
ก็เลยถือโอกาสเอามาเขียนซะหน่อย</p>
<p><strong>เอาไปใช้ทำไร</strong><br />
ไม่รู้เหมือนกันอะคับ ไม่เคยมีความจำเป็นต้องใช้<br />
แต่ที่เห็นว่าน่าจะใช้ก็พวกโคดเก็บสถิติการเข้าเว็บต่าง ๆ<br />
การเขียนโคดเพื่อทำงานเฉพาะแต่ละเบราเซอร์(ตอนนี้ไม่นิยมแล้ว)</p>
<p><strong>ภาษาที่ใช้</strong></p>
<ul>
<li>php หรือ</li>
<li>javascript</li>
</ul>
<p><span id="more-34"></span></p>
<p><strong>ตรวจสอบโดยใช้ PHP</strong><br />
วิธีแรกเราจะใช้ $_SERVER['HTTP_USER_AGENT'] ซึ่งจะคืนค่า<br />
มาเป็น string ประกอบด้วยข้อมูลของผู้ใช้ที่เข้าเว็บเรา<br />
เช่น ระบบปฏิบัติการ, เบราเซอร์<br />
ตัวอย่าง สมมติคนที่เข้าเว็บเราใช้ ie 6 บน windows<br />
ข้อมูลที่ได้ก็จะเป็นดังนี้</p>
<p><!--adsense--></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">Mozilla/<span class="nu0">4.0</span> <span class="br0">&#40;</span>compatible; MSIE <span class="nu0">6.0</span>; Windows NT <span class="nu0">5.1</span>; SV1; .NET CLR <span class="nu0">1.0</span><span class="nu0">.3705</span>; .NET CLR <span class="nu0">1.1</span><span class="nu0">.4322</span><span class="br0">&#41;</span></div>
</li>
</ol>
</div>
<p>เริ่มปฏิบัติการด้วยการใช้ฟังก์ชัน strpos() หาว่าใน string<br />
ที่ใส่เข้าไปเป็น parameter ตัวแรกเนี่ย มีคำ<br />
ที่ใส่เข้าไปเป็น parameter ตัวที่สองไหม<br />
ที่จริงแล้วฟังก์ชันนี้ใช้หาตำแหน่งคำ มันจะคืนค่ามาเป็น<br />
false ถ้าหากมันหาคำนั้นไม่เจอ หรือ คืนค่าตัวเลขตำแหน่งมาถ้าหาเจอ</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1"><span class="re0">$ua</span> = <span class="re0">$_SERVER</span><span class="br0">&#91;</span><span class="st0">&#8216;HTTP_USER_AGENT&#8217;</span><span class="br0">&#93;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;MSIE 5&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ IE5.x&quot;</span>;</div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;MSIE 6&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ IE6.x&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;MSIE 7&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ IE7.x&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;MSIE 8&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ IE8.x&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span><span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;Firefox/1&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ FF 1.x&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span><span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;Firefox/2&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ FF 2.x&quot;</span>;</div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span><span class="br0">&#40;</span><a href="http://www.php.net/strpos" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/strpos');"><span class="kw3">strpos</span></a><span class="br0">&#40;</span><span class="re0">$ua</span>,<span class="st0">&#8216;Firefox/3&#8242;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;คุณกำลังใช้ FF 3.x&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;n/a&quot;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw2">?&gt;</span></div>
</li>
</ol>
</div>
<p>อีกวิธีนึง เป็นวิธีที่ใช้ฟังก์ชันที่ php เตรียมมาให้แล้ว<br />
นั่นก็คือ get_browser() เป็นวิธีที่เรียกใช้ได้ง่ายมาก ๆ<br />
ดังตัวอย่างข้างล่างนี้</p>
<p><!--adsense--></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1"><span class="re0">$ua</span> = <a href="http://www.php.net/get_browser" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/get_browser');"><span class="kw3">get_browser</span></a><span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;&lt;br /&gt;Browser = &quot;</span>.<span class="re0">$ua</span>-&gt;<span class="me1">browser</span>.<span class="st0">&quot; Version = &quot;</span>.<span class="re0">$ua</span>-&gt;<span class="me1">version</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">?&gt;</span></div>
</li>
</ol>
</div>
<p>ถ้าจะใช้วิธีนี้คุณต้องโหลดไฟล์ browscap.ini มาเอง <a href="http://browsers.garykeith.com/downloads.asp" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://browsers.garykeith.com/downloads.asp');" target="_blank">ดาวน์โหลด</a><br />
ทั้งนี้ก็เพราะว่าไฟล์นี้เป็นไฟล์ที่เก็บรวมรวบข้อมูลไว้(ฐานข้อมูล)<br />
มีการอัพเดทประจำ เขาจึงไม่รวมไว้กับการติดตั้ง php ต้องหามาใส่เอง<br />
และเอา comment ในไฟล์ php.ini ออกดังนี้</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re0"><span class="br0">&#91;</span>browscap<span class="br0">&#93;</span></span></div>
</li>
<li class="li1">
<div class="de1"><span class="re1">browscap </span>=<span class="re2"> extras/browscap.ini</span></div>
</li>
</ol>
</div>
<p>เพียงเท่านี้ก็ใช้ได้แล้ว แต่ที่เลวร้ายที่สุดคือ หากคุณใช้บริการเว็บโฮสติ้ง<br />
เขาคงไม่หาไฟล์ฐานข้อมูลนี้ มาใส่ให้คุณหรอกคับ <img src='http://callmebird.com/weblog/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>มันก็มีทางแก้อยู่เหมือนกัน มีคนทำ module ให้เราโหลดมา<br />
แล้วเรียกใช้ได้เลย <a href="http://alexandre.alapetite.net/doc-alex/php-local-browscap/php-local-browscap.php.txt" target="_blank">ดาวน์โหลด<br />
</a> โหลดแล้ว save เป็นชื่อ &#8220;php-local-browscap.php&#8221;<br />
(ตั้งชื่อว่าอะไรก็ได้ แต่ผมขอใช้ชื่อนี้นะ)<br />
และโหลดไฟล์ browscap.ini (save เป็นชื่อนี้เท่านั้น ถ้าไม่อยากยุ่งยาก)  <a href="http://browsers.garykeith.com/downloads.asp" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://browsers.garykeith.com/downloads.asp');" target="_blank">ดาวน์โหลด</a><br />
มาไว้ในโฟล์เดอร์ที่เก็บโคดตรวจสอบเบราเซอร์ และ php-local-browscap.php ด้วย<br />
เพราะไฟล์ php-local-browscap.php นี้มันก็จะดึงข้อมูลมาจาก browscap.ini</p>
<p>ใช้ฟังก์ชัน require_once();<br />
เพื่อ include ไฟล์ข้างต้นนี้มาไว้ในไฟล์ php ที่เราจะเขียนโคดตรวจสอบเบราเซอร์</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">require_once</span><span class="br0">&#40;</span><span class="st0">&quot;php-local-browscap.php&quot;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">?&gt;</span></div>
</li>
</ol>
</div>
<p>เปลี่ยนจากฟังก์ชัน get_browser() เป็น get_browser_local()</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1"><span class="re0">$uas</span> = get_browser_local<span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;&lt;br /&gt;Browser = &quot;</span>.<span class="re0">$uas</span>-&gt;<span class="me1">browser</span>.<span class="st0">&quot; Version = &quot;</span>.<span class="re0">$uas</span>-&gt;<span class="me1">version</span>;</div>
</li>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.php.net/echo');"><span class="kw3">echo</span></a> <span class="st0">&quot;&lt;br /&gt;&quot;</span>;</div>
</li>
<li class="li2">
<div class="de2"><span class="kw2">?&gt;</span></div>
</li>
</ol>
</div>
<p>เสร็จแล้ว ง่ายไม๊</p>
<p><strong>ตรวจสอบโดยใช้ javascript</strong><br />
ส่วนการใช้ javascript ก็ตามโคดข้างล่างนี้เลยครับ ผมจะไม่อธิบายเพราะ<br />
ไม่ค่อยรู้เรื่อง javascript คับ</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script type=<span class="st0">&quot;text/javascript&quot;</span>&gt;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">if</span> <span class="br0">&#40;</span><span class="re0">/MSIE <span class="br0">&#40;</span>\d+\.\d+<span class="br0">&#41;</span>;/</span>.<span class="me1">test</span><span class="br0">&#40;</span>navigator.<span class="me1">userAgent</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">var</span> ieversion=<span class="kw2">new</span> Number<span class="br0">&#40;</span>RegExp.$<span class="nu0">1</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">if</span> <span class="br0">&#40;</span>ieversion&gt;=<span class="nu0">8</span><span class="br0">&#41;</span></div>
</li>
<li class="li2">
<div class="de2">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ IE8 หรือใหม่กว่านั้น&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>ieversion&gt;=<span class="nu0">7</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ IE7.x&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>ieversion&gt;=<span class="nu0">6</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ IE6.x&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>ieversion&gt;=<span class="nu0">5</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ IE5.x&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span><span class="re0">/Firefox<span class="br0">&#91;</span>\/\s<span class="br0">&#93;</span><span class="br0">&#40;</span>\d+\.\d+<span class="br0">&#41;</span>/</span>.<span class="me1">test</span><span class="br0">&#40;</span>navigator.<span class="me1">userAgent</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">var</span> ffversion=<span class="kw2">new</span> Number<span class="br0">&#40;</span>RegExp.$<span class="nu0">1</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">if</span> <span class="br0">&#40;</span>ffversion&gt;=<span class="nu0">3</span><span class="br0">&#41;</span></div>
</li>
<li class="li2">
<div class="de2">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ FF 3.x หรือใหม่กว่านั้น&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>ffversion&gt;=<span class="nu0">2</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ FF 2.x&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>ffversion&gt;=<span class="nu0">1</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;คุณกำลังใช้ FF 1.x&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span><span class="kw1">else</span><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">document.<span class="kw1">write</span><span class="br0">&#40;</span><span class="st0">&quot;n/a&quot;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>ถนัดวิธีไหนก็ใช้วิธีนั้นละกันคับ</p>
<p><strong>References</strong>:</p>
<ul>
<li><a href="http://lab.amanwithapencil.com/user_agent/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://lab.amanwithapencil.com/user_agent/');" target="_blank">http://lab.amanwithapencil.com/user_agent/</a></li>
<li><a href="http://www.javascriptkit.com/jsref/navigator.shtml" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.javascriptkit.com/jsref/navigator.shtml');" target="_blank">http://www.javascriptkit.com/jsref/navigator.shtml</a></li>
<li><a href="http://php.about.com/od/learnphp/p/http_user_agent.htm" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://php.about.com/od/learnphp/p/http_user_agent.htm');" target="_blank">http://php.about.com/od/learnphp/p/http_user_agent.htm</a></li>
<li><a href="http://us2.php.net/manual/en/function.get-browser.php" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://us2.php.net/manual/en/function.get-browser.php');" target="_blank">http://us2.php.net/manual/en/function.get-browser.php</a></li>
<li><a href="http://forums.codewalkers.com/php-coding-7/browscap-ini-directive-not-set-712891.html" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://forums.codewalkers.com/php-coding-7/browscap-ini-directive-not-set-712891.html');" target="_blank">http://forums.codewalkers.com/php-coding-7/browscap-ini-directive-not-set-712891.html</a></li>
<li><a href="http://discussion.dreamhost.com/showflat.pl?Cat=&amp;Board=forum_programming&amp;Number=83043" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://discussion.dreamhost.com/showflat.pl?Cat=&amp;Board=forum_programming&amp;Number=83043');" target="_blank">http://discussion.dreamhost.com/showflat.pl?Cat=&amp;Board=forum_programming&amp;Number=83043</a></li>
<li><a href="http://us2.php.net/manual/en/misc.configuration.php#ini.browscap" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://us2.php.net/manual/en/misc.configuration.php#ini.browscap');" target="_blank">http://us2.php.net/manual/en/misc.configuration.php#ini.browscap</a></li>
<li><a href="http://browsers.garykeith.com/downloads.asp" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://browsers.garykeith.com/downloads.asp');" target="_blank">http://browsers.garykeith.com/downloads.asp</a></li>
<li><a href="http://alexandre.alapetite.net/doc-alex/php-local-browscap/index.en.html#download" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://alexandre.alapetite.net/doc-alex/php-local-browscap/index.en.html#download');" target="_blank">http://alexandre.alapetite.net/doc-alex/php-local-browscap/index.en.html#download</a></li>
<li><a href="http://th.php.net/manual/en/function.strpos.php" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://th.php.net/manual/en/function.strpos.php');" target="_blank">http://th.php.net/manual/en/function.strpos.php</a></li>
</ul>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fbrowser-detection-ie-or-notie';
  addthis_title  = '%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99+code+%E0%B8%95%E0%B8%A3%E0%B8%A7%E0%B8%88%E0%B8%AA%E0%B8%AD%E0%B8%9A+browser';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/browser-detection-ie-or-notie/feed</wfw:commentRss>
		</item>
		<item>
		<title>CSS min-height แบบ cross-browser</title>
		<link>http://callmebird.com/weblog/css-min-height-cross-browser</link>
		<comments>http://callmebird.com/weblog/css-min-height-cross-browser#comments</comments>
		<pubDate>Wed, 06 Aug 2008 16:54:48 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[style sheet]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=39</guid>
		<description><![CDATA[การสร้าง element เพื่อบรรจุข้อความในเว็บบ่อยครั้งที่เรา
ไม่สามารถคาดการณ์ได้ล่วงหน้าว่าข้อความจะมีความยาวเท่าไหร่
ถ้าหากใช้ height กำหนดความสูงให้กับ element ก็จะเกิดปัญหา
เมื่อข้อความใน element นั้นยาวเกินกว่าที่ element นั้นจะบรรจุไว้ได้
ส่งผลกระทบต่อ element อื่น ๆ ในหน้าเว็บ เพราะความสูงยังคงเท่าเดิม
ไม่ได้ขยายไปพร้อม ๆ กับตัวอักษรที่ล้นออกไป ทำให้เกิดปัญหา
ข้อความซ้อนทับกัน

วิธีแก้ปัญหาเบื้องต้น คือ เปลี่ยนจาก height เป็น min-height
ซึ่งชื่อมันก็สื่ออยู่แล้วว่า กำหนดความสูงขั้นต่ำไว้เท่านี้ ๆ แต่ถ้ามีข้อความ
หรือมีอะไรก็ตามที่อยู่ใน element นั้นที่ทำให้ความสูงเกินค่าขั้นต่ำ
ที่ระบุไว้ก็ให้ขยาย/ยืด element นี้ตามความสูงจริง ๆ
แต่ ie6 หรือ ต่ำกว่า จะไม่สามารถใช้คำสั่งนี้ได้ คือใช้แล้วไม่เกิดผล
แล้วทำไงล่ะทีนี้?

โอเค ไม่ต้องห่วง เรามีวิธีแก้ปัญหานี้อยู่แล้ว
นั่นก็คือใส่ height:auto ไปพร้อมกับ min-height



#test{



width:500px;



height:auto;



min-height:200px;



border:1px solid #ff0000;



}



ปล. วิธีนี้ทดสอบแล้วได้ผลเฉพาะ ie, firefox, และ safari
ที่รันบน window เท่านั้น
อ้างอิง: http://www.search-this.com/2007/02/05/css-min-height-explained/

  addthis_url  [...]]]></description>
			<content:encoded><![CDATA[<p>การสร้าง element เพื่อบรรจุข้อความในเว็บบ่อยครั้งที่เรา<br />
ไม่สามารถคาดการณ์ได้ล่วงหน้าว่าข้อความจะมีความยาวเท่าไหร่<br />
ถ้าหากใช้ height กำหนดความสูงให้กับ element ก็จะเกิดปัญหา<br />
เมื่อข้อความใน element นั้นยาวเกินกว่าที่ element นั้นจะบรรจุไว้ได้<br />
ส่งผลกระทบต่อ element อื่น ๆ ในหน้าเว็บ เพราะความสูงยังคงเท่าเดิม<br />
ไม่ได้ขยายไปพร้อม ๆ กับตัวอักษรที่ล้นออกไป ทำให้เกิดปัญหา<br />
ข้อความซ้อนทับกัน</p>
<p><span id="more-39"></span></p>
<p>วิธีแก้ปัญหาเบื้องต้น คือ เปลี่ยนจาก height เป็น min-height<br />
ซึ่งชื่อมันก็สื่ออยู่แล้วว่า กำหนดความสูงขั้นต่ำไว้เท่านี้ ๆ แต่ถ้ามีข้อความ<br />
หรือมีอะไรก็ตามที่อยู่ใน element นั้นที่ทำให้ความสูงเกินค่าขั้นต่ำ<br />
ที่ระบุไว้ก็ให้ขยาย/ยืด element นี้ตามความสูงจริง ๆ</p>
<p>แต่ ie6 หรือ ต่ำกว่า จะไม่สามารถใช้คำสั่งนี้ได้ คือใช้แล้วไม่เกิดผล</p>
<p>แล้วทำไงล่ะทีนี้?</p>
<p><!--adsense--></p>
<p>โอเค ไม่ต้องห่วง เรามีวิธีแก้ปัญหานี้อยู่แล้ว<br />
นั่นก็คือใส่ height:auto ไปพร้อมกับ min-height</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">#test{
</div>
</li>
<li class="li1">
<div class="de1">width:500px;
</div>
</li>
<li class="li1">
<div class="de1">height:auto;
</div>
</li>
<li class="li1">
<div class="de1">min-height:200px;
</div>
</li>
<li class="li2">
<div class="de2">border:1px solid #ff0000;
</div>
</li>
<li class="li1">
<div class="de1">}</div>
</li>
</ol>
</div>
<p>ปล. วิธีนี้ทดสอบแล้วได้ผลเฉพาะ ie, firefox, และ safari<br />
ที่รันบน window เท่านั้น</p>
<p><strong>อ้างอิง</strong>: <a href="http://www.search-this.com/2007/02/05/css-min-height-explained/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.search-this.com/2007/02/05/css-min-height-explained/');" target="_blank">http://www.search-this.com/2007/02/05/css-min-height-explained/</a></p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-min-height-cross-browser';
  addthis_title  = 'CSS+min-height+%E0%B9%81%E0%B8%9A%E0%B8%9A+cross-browser';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/css-min-height-cross-browser/feed</wfw:commentRss>
		</item>
		<item>
		<title>บันทึกสิบเอก ตอนที่ 2: เรียกพลเพื่อตรวจสอบ</title>
		<link>http://callmebird.com/weblog/sergeant-diary-ep2</link>
		<comments>http://callmebird.com/weblog/sergeant-diary-ep2#comments</comments>
		<pubDate>Sat, 26 Jul 2008 11:35:25 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Diary]]></category>

		<category><![CDATA[รด.]]></category>

		<category><![CDATA[สิบเอก]]></category>

		<category><![CDATA[เรียกพล]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=38</guid>
		<description><![CDATA[ก็ผ่านพ้นไปแล้วสำหรับการเรียกพลเพื่อตรวจสอบ
ผิดคาดครับ วันนี้ไม่มีอะไรเลย ชิลด์ มาก
วันนี้ไม่มีอะไรเลยจริง ๆ เขาเพียงแค่เรียกมาตรวจสอบเฉย ๆ
ไม่มีการลงโทษใด ๆ ทั้งสิ้น กำหนดการเขาต้องให้ถึงที่นั่น
7 โมง สัสดีก็บอกให้ต้องไปถึงก่อนเจ็ดโมงนะ ผมจึงแพลน
ไว้ว่าจะตื่นตีสี่ แต่ก็ตื่นจริง ๆ เกือบตีห้า
ไปถึงประมาณหกโมงครึ่ง พิธีเปิดเริ่ม 9 โมงครับ
ขอลำดับเหตุการณ์แบ่งเป็นสองช่วงคับ

ช่วงเช้า

กรอกประวัติถ่ายรูป เก็บข้อมูล ไซส์เสื้อ หมวก
รองเท้า(เตรียมไว้สำหรับการฝึกและสงคราม &#8211;&#8221; )
ชมนิทรรศการที่เขาเตรียมไว้ จะมีปืน รถจิ๊บ รถถัง
พักรับประทานอาหาร(ที่รวมไว้ช่วงเช้าเพราะว่า
กินข้าวยังไม่เที่ยงเลย กินเสร็จก็ยังไม่เที่ยงเลย)


ช่วงบ่าย

มีการบรรยายเรื่องรายได้ที่ได้รับในวันนี้ 30 นาที
บรรยายเรื่องการข่าว 30 นาที
บรรยายเรื่องการเรียกพล 1 ชั่วโมง
บรรยายเรื่องประชาธิปไตย 1 ชั่วโมง
บรรยายเรื่องจริยธรรม 30 นาที
พิธีมอบประกาศนียบัตร และ การปลดปล่อย(เลิก)

มาวันนี้เขาให้เงินคนละ 524 บาท ซึ่งเป็นค่าเดินทาง+เบี้ยงเลี้ยง+ค่าตอบแทน
สำหรับสิบเอก และ ประมาณหกร้อยกว่าบาทสำหรับร้อยตรี โดยเงินที่ได้นี้ถูกหัก
ค่าอาหารว่างและอาหารกลางวันคนละ 50 บาทแล้ว
คนที่มารายงานตัววันนี้ครบ มีสัญญาบัตร(ว่าที่ร้อยตรี) 12 นาย ประทวน(ว่าที่สิบเอก)
71 นาย รวมทั้งหมด 83 [...]]]></description>
			<content:encoded><![CDATA[<p>ก็ผ่านพ้นไปแล้วสำหรับการเรียกพลเพื่อตรวจสอบ<br />
ผิดคาดครับ วันนี้ไม่มีอะไรเลย ชิลด์ มาก<br />
วันนี้ไม่มีอะไรเลยจริง ๆ เขาเพียงแค่เรียกมาตรวจสอบเฉย ๆ<br />
ไม่มีการลงโทษใด ๆ ทั้งสิ้น กำหนดการเขาต้องให้ถึงที่นั่น<br />
7 โมง สัสดีก็บอกให้ต้องไปถึงก่อนเจ็ดโมงนะ ผมจึงแพลน<br />
ไว้ว่าจะตื่นตีสี่ แต่ก็ตื่นจริง ๆ เกือบตีห้า<br />
ไปถึงประมาณหกโมงครึ่ง พิธีเปิดเริ่ม 9 โมงครับ<br />
ขอลำดับเหตุการณ์แบ่งเป็นสองช่วงคับ</p>
<p><span id="more-38"></span></p>
<p>ช่วงเช้า</p>
<ul>
<li>กรอกประวัติถ่ายรูป เก็บข้อมูล ไซส์เสื้อ หมวก<br />
รองเท้า(เตรียมไว้สำหรับการฝึกและสงคราม &#8211;&#8221; )</li>
<li>ชมนิทรรศการที่เขาเตรียมไว้ จะมีปืน รถจิ๊บ รถถัง</li>
<li>พักรับประทานอาหาร(ที่รวมไว้ช่วงเช้าเพราะว่า<br />
กินข้าวยังไม่เที่ยงเลย กินเสร็จก็ยังไม่เที่ยงเลย)</li>
<li><!--adsense--></li>
</ul>
<p>ช่วงบ่าย</p>
<ul>
<li>มีการบรรยายเรื่องรายได้ที่ได้รับในวันนี้ 30 นาที</li>
<li>บรรยายเรื่องการข่าว 30 นาที</li>
<li>บรรยายเรื่องการเรียกพล 1 ชั่วโมง</li>
<li>บรรยายเรื่องประชาธิปไตย 1 ชั่วโมง</li>
<li>บรรยายเรื่องจริยธรรม 30 นาที</li>
<li>พิธีมอบประกาศนียบัตร และ การปลดปล่อย(เลิก)</li>
</ul>
<p>มาวันนี้เขาให้เงินคนละ 524 บาท ซึ่งเป็นค่าเดินทาง+เบี้ยงเลี้ยง+ค่าตอบแทน<br />
สำหรับสิบเอก และ ประมาณหกร้อยกว่าบาทสำหรับร้อยตรี โดยเงินที่ได้นี้ถูกหัก<br />
ค่าอาหารว่างและอาหารกลางวันคนละ 50 บาทแล้ว</p>
<p>คนที่มารายงานตัววันนี้ครบ มีสัญญาบัตร(ว่าที่ร้อยตรี) 12 นาย ประทวน(ว่าที่สิบเอก)<br />
71 นาย รวมทั้งหมด 83 นาย</p>
<p>เขาบอกกับพวกเราที่นั่งฟังกันว่า &#8220;คุณคือผู้โชคดี&#8221; เพราะว่าไม่สามารถเรียก<br />
มาได้ทุกคนดังนั้นคนที่เขาเลือกก็คือผู้โชคดี</p>
<p>ผู้ที่มาในวันนี้จะต้องมีครั้งต่อไป แต่ไม่รู้ว่าจะเป็นเมื่อไหร่ซึ่ง<br />
คงจะไม่สบายแบบนี้แล้วหละเพราะเป็นการเรียกพลเพื่อฝึก<br />
คงประมาณสามครั้ง ครั้งละกี่วันก็แล้วแต่ว่า<br />
จะมีคำสั่งมาอย่างไรและมีงบเท่าไหร่ แต่คิดว่าครั้งต่อไปคงสองวันอะ<br />
ครั้งสุดท้ายน่าจะประมาณสิบวัน และถ้าใครอยากเลื่อนยศจากสิบเอก<br />
เป็นว่าที่ร้อยตรี หรือจากว่าที่ร้อยตรีเป็นว่าที่ร้อยโท บลา ๆๆ<br />
ก็ให้ยื่นคำร้อง ไปฝึกเพิ่มอีกสามสิบวัน อันนี้ไม่ได้บังคับ</p>
<p>จุดประสงค์สำหรับการเรียกมาฝึกก็เพื่อเตรียมความพร้อมในยามสงบ<br />
เผื่อมีสงครามเมื่อกองกำลังประจำการมีไม่เพียงพอก็จะเรียก<br />
กองกำลังสำรองพวกนี้ไปช่วย<br />
<!--adsense--><br />
เพื่อนที่เรียน รด. ด้วยกันตอน ปวช ไม่มีใครมาเลยคับ ผมจึงอยู่อย่างโดดเดี่ยว<br />
แต่พออยู่ ๆ ไปก็มีเพื่อน เพื่อนคนนี้เขาก็ไม่รู้จักใครเลยเหมือนกัน<br />
คุยกันไปคุยกันมา ก็ทราบว่า สัสดีโทรเรียกเขาเหมือนกัน<br />
เอ้อ เจอคนที่เคยเรียน มัธยมต้น ด้วย แต่ไม่รู้จักชื่ออะแต่จำหน้าได้<br />
เขาก็บอกว่าสัสดีโทรเรียก ทั้ง ๆ ที่เขานั้นเป็นเบอร์ที่พึ่งเปลี่ยน<br />
แสดงว่าเดี๋ยวนี้เขาคงไม่ส่งจดหมายแล้วหละ เพราะเขาคงคิดว่ามันจะเกิด<br />
ปัญหาอย่างที่โพสกันในเน็ตว่าทำเป็นไม่รู้ แต่ผมก็ไม่รู้นะว่าเขาเอาเบอร์มาได้อย่างไร</p>
<p>มาถึงตอนนี้ ก็แก้ไขอะไรไม่ได้แล้วหละ ในเมื่อเราเป็นคนที่ถูกเลือก<br />
ก็จงอดทด ก้มหน้ารอฝึกต่อไปคับ</p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fsergeant-diary-ep2';
  addthis_title  = '%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B8%AA%E0%B8%B4%E0%B8%9A%E0%B9%80%E0%B8%AD%E0%B8%81+%E0%B8%95%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88+2%3A+%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%81%E0%B8%9E%E0%B8%A5%E0%B9%80%E0%B8%9E%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%95%E0%B8%A3%E0%B8%A7%E0%B8%88%E0%B8%AA%E0%B8%AD%E0%B8%9A';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/sergeant-diary-ep2/feed</wfw:commentRss>
		</item>
		<item>
		<title>บันทึกสิบเอก ตอนที่ 1: เรียกพล&#8217;s eve</title>
		<link>http://callmebird.com/weblog/sergeant-diary-ep1</link>
		<comments>http://callmebird.com/weblog/sergeant-diary-ep1#comments</comments>
		<pubDate>Fri, 25 Jul 2008 15:08:31 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[Diary]]></category>

		<category><![CDATA[รด.]]></category>

		<category><![CDATA[สิบเอก]]></category>

		<category><![CDATA[เรียกพล]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=37</guid>
		<description><![CDATA[ผมได้สำเร็จการฝึกวิชาทหารชั้นปีที่ สาม (รด. ปี 3)
หลังจากจบ ป.ตรี ทำงานได้ 3 เดือน
นั่งอยู่หน้าคอมพ์ที่ทำงานดี ๆ ก็มีเบอร์มือถือใครก็ไม่รู้โทรมา
ก็ไม่ได้คิดไรมาก รับซะ ก็ปรากฏว่าเป็นสัสดีอำเภอ
โทรเรียกให้ไปรับหมายเรียก ตอนแรกก็เฉย ๆ นึกว่าจะโดนกันทุกคน
ไปเอาหมายเรียก เขาก็ให้เซ็นชื่อในใบไรก็ไม่รู้ตั้งสามใบ
ได้ หมายเรียกมาใบนึง เป็น หมายเรียกพลเข้ารับการฝึกวิชาทหารของกำลังพลสำรอง
พร้อมกับเอกสารคำแนะนำเพิ่มเติมในการเรียกพลเพื่อตรวจสอบ
ก็ไม่สนใจอีก ไปก็ไป แค่วันเดียวเอง ที่จริงวันที่ 26 ผมจะได้ไป
นอนรีสอร์ทสุดหรูที่เชียงรายกะที่ทำงาน ก็ดันมาเจอเรียกพลซะนี่
พอใกล้จะถึงกำหนดได้ไปก็เริ่มเกิดอาการเซรง เลยเสิร์ชใน google
เล่น ๆ ว่า &#8220;เรียกพล รด.&#8221; ก็ไปเจอเว็บดังนี้



http://soilmatter.wordpress.com/2008/07/08/0051/
http://forum.thaidvd.net/index.php?s=595a53ca0f70076fc522d56398491b33&#38;showtopic=40153&#38;st=0&#38;p=542548&#38;#entry542548

จับใจความได้ประมาณว่า เขาจะเรียกมาแบบสุ่ม ไม่ได้โดนกันทุกคน
ส่วนใหญ่เขาได้จดหมายแล้วจะทำเฉยกัน ไม่ไปเอาหมายเรียก
และที่สำคัญ ไม่ได้ไปแค่วันเดียวด้วย จะมีครั้งต่อไปอีกหลายครั้ง
ครั้งละหลายวัน
อ่านแล้วทำให้ใจเสียเลย คิดต่าง ๆ นานาว่า ตกลงผมคือคนที่ซวยใช่ไหม?
แต่จะทำไรได้ ไปเอาหมายเรียกมาแล้วนี่ ก้มหน้าก้มตารับไปซะ
วันนี้เป็นคืนก่อนวันเรียกพล การบันทึกครั้งนี้ จุดประสงค์เพื่อต้องการ
บันทึกความรู้สึก ก่อน และ หลัง การไปเรียกพล ว่ามันจะต่างกันมากไหม
วันนี้รู้สึกดังนี้

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

ปล. [...]]]></description>
			<content:encoded><![CDATA[<p>ผมได้สำเร็จการฝึกวิชาทหารชั้นปีที่ สาม (รด. ปี 3)<br />
หลังจากจบ ป.ตรี ทำงานได้ 3 เดือน<br />
นั่งอยู่หน้าคอมพ์ที่ทำงานดี ๆ ก็มีเบอร์มือถือใครก็ไม่รู้โทรมา<br />
ก็ไม่ได้คิดไรมาก รับซะ ก็ปรากฏว่าเป็นสัสดีอำเภอ<br />
โทรเรียกให้ไปรับหมายเรียก ตอนแรกก็เฉย ๆ นึกว่าจะโดนกันทุกคน<br />
ไปเอาหมายเรียก เขาก็ให้เซ็นชื่อในใบไรก็ไม่รู้ตั้งสามใบ<br />
ได้ หมายเรียกมาใบนึง เป็น หมายเรียกพลเข้ารับการฝึกวิชาทหารของกำลังพลสำรอง<br />
พร้อมกับเอกสารคำแนะนำเพิ่มเติมในการเรียกพลเพื่อตรวจสอบ<br />
ก็ไม่สนใจอีก ไปก็ไป แค่วันเดียวเอง ที่จริงวันที่ 26 ผมจะได้ไป<br />
นอนรีสอร์ทสุดหรูที่เชียงรายกะที่ทำงาน ก็ดันมาเจอเรียกพลซะนี่<br />
พอใกล้จะถึงกำหนดได้ไปก็เริ่มเกิดอาการเซรง เลยเสิร์ชใน google<br />
เล่น ๆ ว่า &#8220;เรียกพล รด.&#8221; ก็ไปเจอเว็บดังนี้</p>
<p><span id="more-37"></span></p>
<ul>
<li><!--adsense--></li>
<li><a href="http://soilmatter.wordpress.com/2008/07/08/0051/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://soilmatter.wordpress.com/2008/07/08/0051/');" target="_blank">http://soilmatter.wordpress.com/2008/07/08/0051/</a></li>
<li><a href="http://forum.thaidvd.net/index.php?s=595a53ca0f70076fc522d56398491b33&amp;showtopic=40153&amp;st=0&amp;p=542548&amp;#entry542548" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://forum.thaidvd.net/index.php?s=595a53ca0f70076fc522d56398491b33&amp;showtopic=40153&amp;st=0&amp;p=542548&amp;#entry542548');" target="_blank">http://forum.thaidvd.net/index.php?s=595a53ca0f70076fc522d56398491b33&amp;showtopic=40153&amp;st=0&amp;p=542548&amp;#entry542548</a></li>
</ul>
<p>จับใจความได้ประมาณว่า เขาจะเรียกมาแบบสุ่ม ไม่ได้โดนกันทุกคน<br />
ส่วนใหญ่เขาได้จดหมายแล้วจะทำเฉยกัน ไม่ไปเอาหมายเรียก<br />
และที่สำคัญ ไม่ได้ไปแค่วันเดียวด้วย จะมีครั้งต่อไปอีกหลายครั้ง<br />
ครั้งละหลายวัน</p>
<p>อ่านแล้วทำให้ใจเสียเลย คิดต่าง ๆ นานาว่า ตกลงผมคือคนที่ซวยใช่ไหม?<br />
แต่จะทำไรได้ ไปเอาหมายเรียกมาแล้วนี่ ก้มหน้าก้มตารับไปซะ</p>
<p>วันนี้เป็นคืนก่อนวันเรียกพล การบันทึกครั้งนี้ จุดประสงค์เพื่อต้องการ<br />
บันทึกความรู้สึก ก่อน และ หลัง การไปเรียกพล ว่ามันจะต่างกันมากไหม<br />
วันนี้รู้สึกดังนี้</p>
<ul>
<li>ทำไมต้องเป็นกู</li>
<li>กูคือคนที่ซวยใช่มะ ตอนแรกคิดว่าโดนกันทุกคน<br />
คือถ้าโดนทุกคนจะไม่คิดไรมากเลย สนุกดีออก<br />
แต่กลับกลายเป็นว่าเป็นคนที่โดนแจ็คพอท เลยรู้สึก<br />
ไม่ดีเลย</li>
<li>หดหู่</li>
<li>สลด</li>
<li>ไม่อยากจะฟังเขาบรรยายพรุ่งนี้เลยว่าจะต้องมาอีกหลายครั้ง<br />
ครั้งละหลายวัน ภาวนาให้ไม่ต้องมาอีก</li>
</ul>
<p>ปล. เขามีค่าเบี้ยเลี้ยงให้ด้วยนะ ประมาณสองร้อยกว่าบาท แต่ไม่อยาก<br />
ได้หรอก ให้เป็นพันก็ไม่เอา</p>
<script type="text/javascript">
  addthis_url    = 'http%3A%2F%2Fcallmebird.com%2Fweblog%2Fsergeant-diary-ep1';
  addthis_title  = '%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B8%AA%E0%B8%B4%E0%B8%9A%E0%B9%80%E0%B8%AD%E0%B8%81+%E0%B8%95%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88+1%3A+%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%81%E0%B8%9E%E0%B8%A5%26%238217%3Bs+eve';
  addthis_pub    = 'callmebird';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
]]></content:encoded>
			<wfw:commentRss>http://callmebird.com/weblog/sergeant-diary-ep1/feed</wfw:commentRss>
		</item>
		<item>
		<title>CSS hacks</title>
		<link>http://callmebird.com/weblog/css-hacks</link>
		<comments>http://callmebird.com/weblog/css-hacks#comments</comments>
		<pubDate>Mon, 21 Jul 2008 15:22:26 +0000</pubDate>
		<dc:creator>Bird</dc:creator>
		
		<category><![CDATA[style sheet]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://callmebird.com/weblog/?p=35</guid>
		<description><![CDATA[การที่เราจะเขียนเว็บไซต์ที่ใช้ style sheet โดยเฉพาะแบบ tablelessให้ cross browser
มาสักเว็บนึง เป็นเรื่องที่ยากลำบาก เพราะ web brower รุ่นเก่า มาตรฐานการ render จะต่าง
จาก web browser รุ่นใหม่ แม้กระทั่งยี่ห้อเดียวกัน แต่ต่างรุ่น ก็แสดงผลต่างกัน เช่น IE6 กับ
IE7 ที่แสดงผลบางอย่าง ไม่เหมือนกัน ดังนั้น เพื่อให้บรรลุวัตถุประสงค์(ทำเว็บ cross browser)
เราก็ต้องอาศัย การ hack css เข้าช่วย

CSS hacks คืออะไร?
คือการใช้ bug ของ browser ช่วยในการสร้างเงื่อนไขการทำงานของ style sheet
เพราะบาง browser จะมี bug โดยเฉพาะ IE เช่น คำสั่ง a สามารถใช้กับ IE ได้(เป็น bug ของ [...]]]></description>
			<content:encoded><![CDATA[<p>การที่เราจะเขียนเว็บไซต์ที่ใช้ style sheet โดยเฉพาะแบบ tablelessให้ cross browser<br />
มาสักเว็บนึง เป็นเรื่องที่ยากลำบาก เพราะ web brower รุ่นเก่า มาตรฐานการ render จะต่าง<br />
จาก web browser รุ่นใหม่ แม้กระทั่งยี่ห้อเดียวกัน แต่ต่างรุ่น ก็แสดงผลต่างกัน เช่น IE6 กับ<br />
IE7 ที่แสดงผลบางอย่าง ไม่เหมือนกัน ดังนั้น เพื่อให้บรรลุวัตถุประสงค์(ทำเว็บ cross browser)<br />
เราก็ต้องอาศัย การ hack css เข้าช่วย</p>
<p><span id="more-35"></span></p>
<p><strong>CSS hacks คืออะไร?</strong></p>
<p>คือการใช้ bug ของ browser ช่วยในการสร้างเงื่อนไขการทำงานของ style sheet<br />
เพราะบาง browser จะมี bug โดยเฉพาะ IE เช่น คำสั่ง a สามารถใช้กับ IE ได้(เป็น bug ของ IE)<br />
แต่ใช้กับ browser อื่นไม่ได้ เราก็ใช้คำสั่ง a เป็นเงื่อนไขในการสั่งให้ style sheet ทำงาน<br />
ทำให้เราสามารถใช้ 2 คำสั่งที่เหมือนกันได้ แต่ต่างกันตรงที่ ค่าที่ระบุให้คำสั่งนั้นต่างกัน</p>
<p><strong>Important Hack</strong></p>
<p><!--adsense--></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">p <span class="br0">&#123;</span> <span class="kw1">color</span>: <span class="re0">#ff0000</span>; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">p <span class="br0">&#123;</span> <span class="kw1">color</span>: <span class="re0">#<span class="nu0">000000</span></span>; <span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ตามปกติแล้ว css จะถูกอ่านตามลำดับ ถึงแม้ว่าจะเป็นคำสั่งที่เหมือนกัน แต่คำสั่งสุดท้ายเท่านั้นที่<br />
ถูกใช้งาน ดังตัวอย่างข้างต้นสีตัวอักษรจะเป็นสี #000000 เท่านั้น สี #ff0000 จะไม่มีผล</p>
<p>แต่ถ้าเราใช้คำสั่ง !important</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">p <span class="br0">&#123;</span> <span class="kw1">color</span>: <span class="re0">#ff0000</span> !important; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">p <span class="br0">&#123;</span> <span class="kw1">color</span>: <span class="re0">#<span class="nu0">000000</span></span>; <span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ไม่ว่าคำสั่ง color: #ff0000 !important; จะอยู่ส่วนไหนของเอกสาร(ลำดับการเขียนไม่เป็นผล)<br />
คำสั่งนี้เท่านั้นที่จะถูกทำงาน</p>
<p>แต่คำสั่งนี้ใช้ได้กับ ie6</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re0">#maincontent</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">min-height</span>: <span class="re3">300px</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">height</span>: <span class="kw2">auto</span> !important; <span class="coMULTI">/* For Saf/Fx */</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">height</span>: <span class="re3">300px</span>; <span class="coMULTI">/* IE6 expands this if needed */</span></div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>จากตัวอย่าง ie6 จะใช้คำสั่ง height: 300px; ได้เท่านั้น ส่วน browser อื่นก็ใช้คำสั่ง<br />
height: auto !important; (ลำดับไม่สำคัญเพราะมี !important)</p>
<p><strong>Underscore Hack </strong></p>
<p>เนื่องจาก CSS specification ได้สงวนการขึ้นต้นคำสั่ง(property)ด้วย ขีดล่าง(<code class="style fragment">_</code>) or ขีดกลาง(<code class="style fragment">-</code>)<br />
ไว้ใช้กับ vendor-specific property name จึงทำให้คำสั่งที่ขึ้นต้นด้วย _,- ไม่ถูกอ่านจาก<br />
browser สมัยใหม่ ยกเว้น ie6 เท่านั้น ที่ยังอ่านคำสั่งนี้ได้อยู่</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">p<span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">color</span>: <span class="kw1">black</span>;</div>
</li>
<li class="li1">
<div class="de1">_color: <span class="kw1">blue</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>จากตัวอย่าง ie6 จะอ่านทั้งสองคำสั่ง แต่จะสั่งให้ทำงานได้เฉพาะคำสั่งสุดท้าย (วิธีนี้ลำดับการเขียน<br />
มีความสำคัญ) แต่ browser อื่นอ่านคำสั่งแรกเท่านั้น</p>
<p><strong>Backslash Hack</strong></p>
<p>วิธีนี้คือการใส่ \ เข้าไปในชื่อ property ส่งผลให้ browser อื่นละเว้นคำสั่งนี้ แต่ยังคงมีผลกับ ie<br />
(ผมไม่แน่ใจว่ามีผลกับ ie7 หรือป่าว เพราะยังไม่ได้ลอง : P )</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re1">.test</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">height</span>: <span class="re3">500px</span>;</div>
</li>
<li class="li1">
<div class="de1">he\ight: <span class="re3">400px</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>จากตัวอย่าง ie ใช้คำสั่ง he\ight: 400px; ส่วน   browser อื่น ๆ จะใช้ height: 500px;</p>
<p>note: backslash ไม่ควรใส่นำหน้าตัวอักษร a-f, A-F และ 0-9 เพราะอาจจะถูกตีค่าว่าเป็น<br />
เลขฐาน 16</p>
<p><strong>Star-HTML Hack</strong></p>
<p>ดอกจัน (*) คือ Universal Selector</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">* <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">margin</span>: <span class="nu0">0</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">padding</span>: <span class="nu0">0</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>จากตัวอย่าง ทุก element ในเอกสารจะถูกควบคุมด้วยคำสั่งที่อยู่ในปีกกาของ *</p>
<p>การใช้ Universal Selector จะเห็นผลได้มีอยู่สองกรณีคือ</p>
<ul>
<li>ใช้ * อย่างเดียว ดังตัวอย่างข้างต้น</li>
<li>ใช้ * ร่วมกับ simple selector</li>
</ul>
<p>note: simple selector คือ การเขียน selector ที่ขึ้นต้นด้วย element แล้วตามด้วย<br />
Universal Selector หรือ attribute selectors หรือ ID selectors หรือ pseudo-classes</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">* em<span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;body&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;h1&gt;The &lt;em&gt;Universal&lt;/em&gt; Selector&lt;/h1&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;p&gt;We must &lt;em&gt;emphasize&lt;/em&gt; the following:&lt;/p&gt;
</div>
</li>
<li class="li2">
<div class="de2">&lt;ul&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;li&gt;It&#8217;s &lt;em&gt;not&lt;/em&gt; a wildcard.&lt;/li&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;li&gt;It matches elements regardless of &lt;em&gt;type&lt;/em&gt;.&lt;/li&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/ul&gt;
</div>
</li>
<li class="li1">
<div class="de1">This is an &lt;em&gt;immediate&lt;/em&gt; child of the division.
</div>
</li>
<li class="li2">
<div class="de2">&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/body&gt;</div>
</li>
</ol>
</div>
<p>การใช้ * em จะมีผลกับ</p>
<ul>
<li>“Universal” ใน h1เพราะ * ตรงกับ &lt;h1&gt;</li>
<li>“emphasize” ใน  p เพราะ * ตรงกับ &lt;p&gt;</li>
<li>“not” ใน li ตัวแรก เพราะ * ตรงกับ &lt;ul&gt; หรือ  &lt;li&gt;</li>
<li>“type” ใน li ตัวที่สอง เพราะ * ตรงกับ &lt;ul&gt; หรือ  &lt;li&gt;</li>
</ul>
<p>แต่ถ้าหากใช้ universal selector ไม่ได้ตามด้วย simple selector การใช้ universal selector<br />
จะไม่เป็นผล พูดง่าย ๆ ก็คือ ใช้ก็เหมือน ไม่ใช้ ดังตัวอย่างข้างล่างนี้</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">*<span class="re1">.warning</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="re1">.warning</span> <span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ทั้งสอง ไม่ต่างกันเลย</p>
<p>มาเข้าเรื่องกัน ถ้าเราใช้ Universal Selector ร่วมกับ html เป็น * html จะเกิดอะไรขึ้น</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re1">.test</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">position</span>: <span class="kw2">fixed</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">* html <span class="re1">.test</span><span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">position</span>: <span class="kw2">absolute</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>คำสั่งที่เป็นของ(อยู่ภายในวงเล็บปีกกา) * html จะถูกใช้งานก็ต่อเมื่อ html ถูกสืบทอดมาจาก<br />
element ใด ๆ แต่มันเป็นไปไม่ได้ที่ html จะสืบทอดมาจาก element อื่น เพราะ html เป็น root<br />
ดังนั้น browser ส่วนใหญ่จึงมองข้ามกลุ่มคำสั่งนี้และไม่ประมวลผล แต่ ie6 และต่ำกว่า ie6<br />
จะยังอ่านค่าพวกนี้อยู่ เลยเกิดเป็น bug ของ ie6<br />
<img src="http://callmebird.com/weblog/files/images/csshacks01.gif" alt="" /><br />
ตารางแสดง browser ที่ bug * html<br />
ที่มาตาราง: <a href="http://reference.sitepoint.com/css/universalselector" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://reference.sitepoint.com/css/universalselector');" target="_blank">http://reference.sitepoint.com/css/universalselector</a></p>
<p><strong>Easy selectors hack</strong></p>
<p><!--adsense--><br />
ใช้ได้กับ IE7 เท่านั้น</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">*<span class="re2">:first-child</span>+html <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ใช้ได้กับ IE7 และต่ำกว่า</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">*<span class="re2">:first-child</span>+html <span class="br0">&#123;</span><span class="br0">&#125;</span> * html <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ใช้ได้กับ IE7 และ browser รุ่นใหม่ อื่น ๆ</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">html&gt;body <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>ใช้ได้กับ browser รุ่นใหม่ แต่ไม่รวมถึง IE7</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">html&gt;<span class="coMULTI">/**/</span>body <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">⋮ declarations</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p><strong>สรุป</strong></p>
<table style="height: 161px;" border="1" width="365">
<tbody>
<tr>
<td style="text-align: center;"><strong>ลำดับ</strong></td>
<td style="text-align: center;"><strong>CSS hacks</strong></td>
<td style="text-align: center;"><strong>IE6</strong></td>
<td style="text-align: center;"><strong>IE7</strong></td>
<td style="text-align: center;"><strong>Firefox</strong></td>
<td style="text-align: center;"><strong>Safari</strong></td>
</tr>
<tr>
<td>1.</td>
<td>!important</td>
<td>/</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2.</td>
<td>_property หรือ -property</td>
<td>/</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>3.</td>
<td>* html</td>
<td>/</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>4.</td>
<td>*:first-child+html {}</td>
<td></td>
<td>/</td>
<td></td>
<td></td>
</tr>
<tr>
<td>5.</td>
<td>*:first-child+html {} * html {}</td>
<td>/</td>
<td>/</td>
<td></td>
<td></td>
</tr>
<tr>
<td>6.</td>
<td>html&gt;body {}</td>
<td></td>
<td>/</td>
<td>/</td>
<td>/</td>
</tr>
<tr>
<td>7.</td>
<td>html&gt;/**/body {}</td>
<td></td>
<td></td>
<td>/</td>
<td>/</td>
</tr>
</tbody>
</table>
<p>ตารางแสดง bug หรือการ hack ของ browser ที่ประมวลผลบน windows เท่านั้น</p>
<p>เครื่องหมาย &#8220;/&#8221; ในตารางหมายถึง &#8220;ใช้ได้กับ&#8221;</p>
<p><strong>References</strong>:</p>
<ul>
<li><a href="http://www.css-faq.com/uncategorized/internet-explorer-7-and-the-star-html-hack/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.css-faq.com/uncategorized/internet-explorer-7-and-the-star-html-hack/');" target="_blank">http://www.css-faq.com/uncategorized/internet-explorer-7-and-the-star-html-hack/</a></li>
<li><a href="http://www.webmasterworld.com/forum83/6964.htm" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.webmasterworld.com/forum83/6964.htm');" target="_blank">http://www.webmasterworld.com/forum83/6964.htm</a></li>
<li><a href="http://css-discuss.incutio.com/?page=StarHtmlHack" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://css-discuss.incutio.com/?page=StarHtmlHack');" target="_blank">http://css-discuss.incutio.com/?page=StarHtmlHack</a></li>
<li><a href="http://www.mdibb.net/web/generic_cross-browser_css_hacks/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.mdibb.net/web/generic_cross-browser_css_hacks/');" target="_blank">http://www.mdibb.net/web/generic_cross-browser_css_hacks/</a></li>
<li><a href="http://allinthehead.com/retro/150/css-underscore-hack" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://allinthehead.com/retro/150/css-underscore-hack');" target="_blank">http://allinthehead.com/retro/150/css-underscore-hack</a></li>
<li><a href="http://modxcms.com/css-hacking-important.html" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://modxcms.com/css-hacking-important.html');" target="_blank">http://modxcms.com/css-hacking-important.html</a></li>
<li><a href="http://webdesign.about.com/od/css/f/blcssfaqimportn.htm" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://webdesign.about.com/od/css/f/blcssfaqimportn.htm');" target="_blank">http://webdesign.about.com/od/css/f/blcssfaqimportn.htm</a></li>
<li><a href="http://www.webdevout.net/css-hacks#unrecommended-vendor_prefix" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.webdevout.net/css-hacks#unrecommended-vendor_prefix');" target="_blank">http://www.webdevout.net/css-hacks#unrecommended-vendor_prefix</a></li>
<li><a href="http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/');" target="_blank">http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60