<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000461" baseName="scroll_radio">scroll radio</b:listData>

			<b:previous>
				<b:mTitle>九萬人同時上PTT</b:mTitle>
				<b:mDate>2007/09/16</b:mDate>
				<b:mBase>over-90000-people-on-ptt</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>Google 簡報</b:mTitle>
				<b:mDate>2007/09/18</b:mDate>
				<b:mBase>google-presentation</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000461" baseName="scroll_radio">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-18</b:date>
				<b:time>12:00:31</b:time>
			</b:datetime>
			<b:category>script</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>scroll radio</b:title>
			<b:content>
				<b:summary> 這兩天有個想法，就是用scroll bar來做radio輸入的選擇，可以用在評分之類（像是分五等級）的地方，剛好jQuery UI正式公開，就用它實做了，花了昨天一整晚加上今天早上，結果做完後發現不是很實用XD，因為直接過去點還是比較快，而做出點擊選取的功能後，就很少人會去用拖拉的方式來控制了，雖然說是如此，還是把做好的範例丟上來給大家看看。...</b:summary>
				<b:mainContent><p><img alt="" src="http://blog.othree.net/log/2007/09/18/scroll-radio/scroll-radio-screenshot.png" width="300" height="75" /></p>

<p>這兩天有個想法，就是用scroll bar來做radio輸入的選擇，可以用在評分之類（像是分五等級）的地方，剛好<a href="http://ui.jquery.com/">jQuery UI</a>正式公開，就用它實做了，花了昨天一整晚加上今天早上，結果做完後發現不是很實用XD，因為直接過去點還是比較快，而做出點擊選取的功能後，就很少人會去用拖拉的方式來控制了，雖然說是如此，還是把做好的<a href="http://blog.othree.net/log/2007/09/18/scroll-radio/scroll.html">範例</a>丟上來給大家看看。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="3">

				<b:comment commentID="029795" entryID="000461">
					<b:author>
						<b:authorName>沈蚊</b:authorName>
						<b:authorEmail>elviscai@gmail.com</b:authorEmail>
						<b:authorUrl>http://www.elviscai.com/blog/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-09-18</b:date>
						<b:time>14:35:05</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>如果是靠鼠标滑动来实现选择，点击确认选择会好一些吧~~XD</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="029805" entryID="000461">
					<b:author>
						<b:authorName>ooo</b:authorName>
						<b:authorEmail>othree@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-09-18</b:date>
						<b:time>16:43:09</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>是啊，這已經是usability的問題了，我做出雛型後才發現@@。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="030827" entryID="000461">
					<b:author>
						<b:authorName>路人甲</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-10-18</b:date>
						<b:time>00:05:35</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>相當不錯啊，給你拍拍手。</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/mt/mt-tb.cgi/460">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>