<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>S i X h E a D { ? } &#187; mouse</title>
	<atom:link href="http://sixhead.com/tag/mouse/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixhead.com</link>
	<description>เมื่อความรู้มีไว้แบ่งปัน</description>
	<lastBuildDate>Tue, 23 Feb 2010 14:36:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>เคยลอง triple click mouse (click mouse ถึง 3 ครั้ง) ไหม</title>
		<link>http://sixhead.com/2008/04/16/triple-click-mouse/</link>
		<comments>http://sixhead.com/2008/04/16/triple-click-mouse/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 16:43:46 +0000</pubDate>
		<dc:creator>Pipo</dc:creator>
				<category><![CDATA[Misc]]></category>
		<category><![CDATA[click]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[triple]]></category>

		<guid isPermaLink="false">http://sixhead.com/?p=46</guid>
		<description><![CDATA[คือผมก็ชอบลองอะไรไปเรื่อย ไม่ใช่ว่าว่างงานหรอกนะครับ แต่ว่าบางทีขณะที่ทำงานมันได้ทดลองอะไรไปด้วย มันได้อะไรแปลกๆเยอะ ว่าแต่เคย click mouse ถึง 3 ครั้งซ้อนกันหรือเปล่า มันมีประโยชน์นะ
1 click เขาเรียก single click
2 click เขาเรียก double click
3 click ผมคิดว่าน่าจะเรียก triple click
แต่ว่าตั้งแต่เล่น computer มา อ่านหนังสือก็ยังไม่เคยเห็นคำว่า triple click มันอาจจะเป็น single + double หรือ double + single คลิกหว่า แต่ช่างมันเถอะครับ มาลองดูว่ามันจะเกิดอะไรขึ้น
ว่าแล้วก็ทำ test area ขึ้นมาดังนี้
บรรทัดที่1 บรรทัดที่1 บรรทัดที่1
บรรทัดที่2 บรรทัดที่2 บรรทัดที่2
บรรทัดที่3 บรรทัดที่3 บรรทัดที่3
ให้ลองตามนี้
1. เอา mouse ไป double click ที่คำว่า บรรทัดที่2 [...]]]></description>
			<content:encoded><![CDATA[<p>คือผมก็ชอบลองอะไรไปเรื่อย ไม่ใช่ว่าว่างงานหรอกนะครับ แต่ว่าบางทีขณะที่ทำงานมันได้ทดลองอะไรไปด้วย มันได้อะไรแปลกๆเยอะ ว่าแต่เคย click mouse ถึง 3 ครั้งซ้อนกันหรือเปล่า มันมีประโยชน์นะ<br />
<span id="more-46"></span>1 click เขาเรียก single click<br />
2 click เขาเรียก double click<br />
3 click ผมคิดว่าน่าจะเรียก triple click</p>
<p>แต่ว่าตั้งแต่เล่น computer มา อ่านหนังสือก็ยังไม่เคยเห็นคำว่า triple click มันอาจจะเป็น single + double หรือ double + single คลิกหว่า แต่ช่างมันเถอะครับ มาลองดูว่ามันจะเกิดอะไรขึ้น</p>
<p><strong>ว่าแล้วก็ทำ test area ขึ้นมาดังนี้</strong></p>
<pre>บรรทัดที่1 บรรทัดที่1 บรรทัดที่1
บรรทัดที่2 บรรทัดที่2 บรรทัดที่2
บรรทัดที่3 บรรทัดที่3 บรรทัดที่3</pre>
<p><strong>ให้ลองตามนี้</strong><br />
1. เอา mouse ไป double click ที่คำว่า บรรทัดที่2 ดู<br />
2. เอา mouse ไป triple click ที่คำว่า บรรทัดที่2 ดู</p>
<p><strong>จะเห็นได้ว่าการ click mouse 3 ครั้งซ้อน เกิดผลดังนี้</strong><br />
1. Firefox, IE ก็จะทำการ highlight ทั้งบรรทัด<br />
2. IE ถ้าลอง  triple click ตรงพวกข้อความทีเ่ป็นย่อหน้า ก็จะทำการ highlight ทั้งย่อหน้าเลย<br />
3. ถ้าลอง copy ไปวางใน text editor ผลก็จะออกมาเหมือน Firefox คือ click mouse 3 ครั้งซ้อน จะเป็นการ highlight ทั้งบรรทัด</p>
<p><strong>แล้วมีประโยชน์ตรงไหน<br />
</strong>ก็น่าจะเป็นการ highlight ข้อความเพื่อ copy นั่นแหล่ะ เราคงเคยชินกับการ drag mouse แต่ผมว่าบางทีถ้าข้อความยาวๆ ใช้ triple click น่าจะสะดวกกว่านะ เพราะบางทีวาง mouse ผิดตำแหน่งต้องมานั่ง drag กันใหม่</p>
<p><map name='google_ad_map_46_f21c57aff87a446f'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/46?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_46_f21c57aff87a446f' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=46&amp;url= http%3A%2F%2Fsixhead.com%2F2008%2F04%2F16%2Ftriple-click-mouse%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://sixhead.com/2008/04/16/triple-click-mouse/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>เปลี่ยน mouse cursor ใน เวปเพจได้ง่ายๆ ด้วย css</title>
		<link>http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/</link>
		<comments>http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/#comments</comments>
		<pubDate>Sun, 02 Mar 2008 17:03:57 +0000</pubDate>
		<dc:creator>Pipo</dc:creator>
				<category><![CDATA[Web Developer]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[cursor]]></category>
		<category><![CDATA[ico]]></category>
		<category><![CDATA[mouse]]></category>

		<guid isPermaLink="false">http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/</guid>
		<description><![CDATA[ในบางครั้ง mouse cursor เดิมๆ ที่ติดมากับ browser อาจจะน่าเบื่อเกินไป หรือบางเวปต้องการความสวยงาม อยากมี mouse cursor เป็นรูปที่ตัวเองชอบ ด้วยขั้นตอนดังต่อไปนี้ ทำให้เราสามารถที่จะทำการเปลี่ยน mouse cursor เป็นแบบที่ต้องการได้ี้

มาดูตัวอย่างจากของจริงกันเลย คลิกที่นี่ 
อธิบายการทำงานได้ดังนี้
&#160;
body&#123;
 cursor: url&#40;miyuki.cur&#41;
&#125;
เป็นการสั่งให้หน้านี้มี mouse cursor เป็นไฟล์ ชื่อว่า miyuki.cur
&#160;
&#60;div style=&#34;cursor: help; width: 200px; height: 200px; background-color: rgb(204, 204, 204);&#34;&#62;&#38;nbsp;&#60;/div&#62;
&#160;
ส่วน div ด้านล่างแสดงให้ดูว่าเราสามารถเปลี่ยน mouse cursor ได้ใน div ใดๆ ก็ตามครับ  โดยในตัวอย่างจะเป็น mouse cursor ที่มีอยู่แล้วเลยไม่ต้องระบุไฟล์ .cur
เป็นไงขั้นตอนง่ายๆ เลยใช่ไหมครับ .cur จริงๆ แล้วก็ใช้ โปรแกรมทำ [...]]]></description>
			<content:encoded><![CDATA[<p>ในบางครั้ง mouse cursor เดิมๆ ที่ติดมากับ browser อาจจะน่าเบื่อเกินไป หรือบางเวปต้องการความสวยงาม อยากมี mouse cursor เป็นรูปที่ตัวเองชอบ ด้วยขั้นตอนดังต่อไปนี้ ทำให้เราสามารถที่จะทำการเปลี่ยน mouse cursor เป็นแบบที่ต้องการได้ี้</p>
<p><span id="more-31"></span></p>
<p>มาดูตัวอย่างจากของจริงกันเลย <a href="http://sixhead.com/testrun/css/cursor/cursor.html">คลิกที่นี่</a> <br />
อธิบายการทำงานได้ดังนี้</p>
<pre class="css">&nbsp;
body<span style="color: #66cc66;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">cursor</span>: <span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span><span style="color: #933;">miyuki<span style="color: #6666ff;">.cur</span></span><span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#125;</span></pre>
<p>เป็นการสั่งให้หน้านี้มี mouse cursor เป็นไฟล์ ชื่อว่า miyuki.cur</p>
<pre class="html4strict">&nbsp;
<span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">&quot;cursor: help; width: 200px; height: 200px; background-color: rgb(204, 204, 204);&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span>
&nbsp;</pre>
<p>ส่วน div ด้านล่างแสดงให้ดูว่าเราสามารถเปลี่ยน mouse cursor ได้ใน div ใดๆ ก็ตามครับ  โดยในตัวอย่างจะเป็น mouse cursor ที่มีอยู่แล้วเลยไม่ต้องระบุไฟล์ .cur</p>
<p>เป็นไงขั้นตอนง่ายๆ เลยใช่ไหมครับ .cur จริงๆ แล้วก็ใช้ โปรแกรมทำ icon (.ico) ทำได้เลย ในตัวอย่างผมใช้ไฟล์ .ico มา rename เป็น .cur ครับ สามารถนำมาใช้งานได้ทันที แต่ว่าน่าเสียดาย css เรื่อง mouse นี้ใช้ได้เฉพาะ IE เท่านั้นครับ</p>
<p><map name='google_ad_map_31_f21c57aff87a446f'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/31?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_31_f21c57aff87a446f' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=31&amp;url= http%3A%2F%2Fsixhead.com%2F2008%2F03%2F03%2Fcustom-mouse-cursor-with-css%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://sixhead.com/2008/03/03/custom-mouse-cursor-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
