<?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="000517" baseName="birthday-ui">輸入出生日期～</b:listData>

			<b:previous>
				<b:mTitle>ACG MUSIC LIVE</b:mTitle>
				<b:mDate>2008/05/27</b:mDate>
				<b:mBase>acg-music-live</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>TypePad AntiSpam</b:mTitle>
				<b:mDate>2008/05/30</b:mDate>
				<b:mBase>typepad-antispam</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000517" baseName="birthday-ui">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2008-05-30</b:date>
				<b:time>00:54:08</b:time>
			</b:datetime>
			<b:category>script</b:category>

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



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


			<b:title>輸入出生日期～</b:title>
			<b:content>
				<b:summary>因為每次要在網路上輸入出生日期都覺得很麻煩，尤其是遇到用下拉式選單來選出生年和出生日的時候，所以我思考一陣子後設計了一個使用者介面來輸入出生日期，只要用滑鼠點個三四下就可以了^^，基本上這是做給jFormino的，所以在jFormino未來釋出的版本裡面會包含這個輸入元件，不過我作的雛形已經很好套用了，等不及的可以研究一下code自己拿去用。 補充：現在這個Style是hlb修改過的。...</b:summary>
				<b:mainContent><p>因為每次要在網路上輸入出生日期都覺得很麻煩，尤其是遇到用下拉式選單來選出生年和出生日的時候，所以我思考一陣子後設計了一個<a href="http://othree.net/projects/birthday/">使用者介面</a>來輸入出生日期，只要用滑鼠點個三四下就可以了^^，基本上這是做給<a href="http://st.handlino.com/hdc/index.cgi?jformino">jFormino</a>的，所以在jFormino未來釋出的版本裡面會包含這個輸入元件，不過我作的雛形已經很好套用了，等不及的可以研究一下code自己拿去用。</p>

<p><a href="http://blog.othree.net/log/2008/05/30/birthday-ui/birthday.png"><img alt="" src="http://blog.othree.net/log/2008/05/30/birthday-ui/birthday-thumb-400x288.png" width="400" height="288" /></a></p>

<p class="update">補充：現在這個Style是<a href="http://hlb.yichi.org/blog/">hlb</a>修改過的。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="13">

				<b:comment commentID="052702" entryID="000517">
					<b:author>
						<b:authorName>ericsk</b:authorName>
						<b:authorEmail>ericsk@gmail.com</b:authorEmail>
						<b:authorUrl>http://ericsk.org/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-30</b:date>
						<b:time>08:26:55</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>Nice!</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="052755" entryID="000517">
					<b:author>
						<b:authorName>怿飞</b:authorName>
						<b:authorEmail>blankzheng@gmail.com</b:authorEmail>
						<b:authorUrl>http://www.planabc.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-30</b:date>
						<b:time>12:08:19</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>这个设计很好，比一般的年份选择优化很多，可以一目了然的看到你出生的年代，然后再选择年份，很便捷。赞！</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="052766" entryID="000517">
					<b:author>
						<b:authorName>路人</b:authorName>
						<b:authorEmail>guest@guest.com</b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-30</b:date>
						<b:time>13:30:23</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>讚！</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="052820" entryID="000517">
					<b:author>
						<b:authorName>怿飞</b:authorName>
						<b:authorEmail>blankzheng@gmail.com</b:authorEmail>
						<b:authorUrl>http://www.planabc.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-30</b:date>
						<b:time>17:23:16</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>样例貌似IE上无法使用^^</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="052899" entryID="000517">
					<b:author>
						<b:authorName>othree.net</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-30</b:date>
						<b:time>23:07:52</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>@怿飞<br />
我做prototype的時候都只有用Firefox測試耶，不過我用jQuery弄的應該會比較好修吧，我有空在處理一下，不然jFormino的至少會測試過XD。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="053013" entryID="000517">
					<b:author>
						<b:authorName>路人</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-31</b:date>
						<b:time>10:16:37</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>$("")</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="053014" entryID="000517">
					<b:author>
						<b:authorName>路人</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-31</b:date>
						<b:time>10:17:46</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>$("   ")</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="053017" entryID="000517">
					<b:author>
						<b:authorName>路人</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-31</b:date>
						<b:time>10:19:24</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>... 為甚麼把 tag 都濾掉@@"</p>

<p>$("") 裡面的 span 要完整的 </p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="053183" entryID="000517">
					<b:author>
						<b:authorName>othree.net</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-05-31</b:date>
						<b:time>22:10:38</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>@路人<br />
我試試看，我想說這樣比較小XD。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="054482" entryID="000517">
					<b:author>
						<b:authorName>thea</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://www.wretch.cc/blog/thea</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-06-05</b:date>
						<b:time>13:14:59</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>要點一下空格才會跳出可選的年月日？<br />
一眼看到一堆年，有點呆住了...<br />
為什麼我的月份跟日期沒有在照順序的地方 Q Q<br />
找了一下才找到</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="054563" entryID="000517">
					<b:author>
						<b:authorName>othree.net</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-06-05</b:date>
						<b:time>20:00:30</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>@thea <br />
IE有些bug，我還沒有找到好的解法，不過有個不乾淨的處理方法就是，這邊才剛更新:P。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="097827" entryID="000517">
					<b:author>
						<b:authorName>ekid</b:authorName>
						<b:authorEmail>elfkid@gmail.com</b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-12-16</b:date>
						<b:time>21:30:33</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>請問要怎麼取的值?</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="097840" entryID="000517">
					<b:author>
						<b:authorName>othree.net</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-12-16</b:date>
						<b:time>23:08:51</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>@ekid 他會把值填到原來的input欄位裡面喔</p></b:mainContent>
					</b:content>
				</b:comment>

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

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