<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[史考特部落格園地]]></title>
<link>http://www.pro-soho.com/Blog/</link>
<description><![CDATA[生命就該浪費在美好的事物上]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog2 v2.4]]></copyright>
<webMaster><![CDATA[scooter.tw@gmail.com(Scott)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>史考特部落格園地</title> 
	<url>http://www.pro-soho.com/Blog/images/logos.gif</url> 
	<link>http://www.pro-soho.com/Blog/</link> 
	<description>史考特部落格園地</description> 
</image>

			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=295</link>
			<title><![CDATA[實現透過CDO.Message寄發Gmail信件]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Mon,19 Oct 2009 22:58:29 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=295</guid>	
		<description><![CDATA[礙於JMail本身對SSL之限制，若有Gmail發送信件需求朋友，可以透過CDO.Message實現<br/><br/>&lt;%<br/>dim myMail<br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;)<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/sendusing" target="_blank">http://schemas.microsoft.com/cdo/configuration/sendusing</a>&#34;) = 2<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpserver" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpserver</a>&#34;) = &#34;smtp.gmail.com&#34;<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpserver" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpserver</a>port&#34;) = 465<br/>&#39;Authentication method, ssl o&#114; not, Username and password for the SMTP Server<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpauthenticate" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpauthenticate</a>&#34;) = 1<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpusessl" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpusessl</a>&#34;) = true<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/sendusername" target="_blank">http://schemas.microsoft.com/cdo/configuration/sendusername</a>&#34;) = &#34;你的Gmail帳號&#34;<br/>myMail.Configuration.Fields.Item(&#34;<a href="http://schemas.microsoft.com/cdo/configuration/sendpassword" target="_blank">http://schemas.microsoft.com/cdo/configuration/sendpassword</a>&#34;) = &#34;你的Gmail密碼&#34;<br/>&#39;-------------------------------------<br/>myMail.Configuration.Fields.Up&#100;ate<br/>myMail.From = &#34;&lt;xxxxxxx@gmail.com&gt;&#34;<br/>myMail.To = &#34;&lt;xxxxxx@yahoo.com.tw&gt;&#34;<br/>myMail.Subject =&#34;&#34; <br/>myMail.TextBody = &#34;&#34;<br/>myMail.Send<br/>set myMail=nothing<br/>%&gt;<br/><br/>-------------------------------------------------------------------------------------------------------------------<br/>CDO 郵件元件使用方法 <br/>Microsoft從Windows Server 2000 及 Windows XP開始內建郵件元件已改為CDO <br/>在之前的系統內建郵件元件則是 CDONTS，各位要注意，以下是CDO的用法 <br/><br/>屬性 說明 <br/>Subject 郵件的主旨 <br/>From 寄件人的電子郵件信箱 <br/>To&nbsp;&nbsp; 收件人的電子郵件，可用分號；或逗號，斷開成多位收件人 <br/>CC&nbsp;&nbsp; 副本收件人的電子郵件，可用分號；或逗號，斷開成多位收件人 <br/>BCC 密送副本收件人的電子郵件，可用分號；或逗號，斷開成多位收件人 <br/>TextBody 郵件的本文-純文字模式 <br/>HTMLBody 郵件的本文-HTML模式 <br/><br/>方法 說明 <br/>Send 送出郵件 <br/>AddAttachment &#34;c:\mydocuments\test.txt&#34; 附件 <br/>Cr&#101;ateMHTMLBody &#34;<a href="http://www.w3schools.com/asp/" target="_blank">http://www.w3schools.com/asp/</a>&#34; 將一個網頁用HTML格式送出 <br/>Cr&#101;ateMHTMLBody &#34;file://c:/mydocuments/test.htm&#34; 將本機硬碟中的一個網頁用HTML格式送出 <br/><br/>範例： <br/>送出一封純文字信件: <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.TextBody=&#34;This is a message.&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>送出一封純文字信件並給副本收件人及密送副本收件人 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.Bcc=&#34;someoneelse@somedomain.com&#34; <br/>myMail.Cc=&#34;someoneelse2@somedomain.com&#34; <br/>myMail.TextBody=&#34;This is a message.&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>送出一封HTML信件 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.HTMLBody = &#34;&lt;h1&gt;This is a message.&lt;/h1&gt;&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>將一個網頁用HTML格式送出 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.Cr&#101;ateMHTMLBody &#34;<a href="http://www.w3schools.com/asp/" target="_blank">http://www.w3schools.com/asp/</a>&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>將本機硬碟中的一個網頁用HTML格式送出 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.Cr&#101;ateMHTMLBody &#34;file://c:/mydocuments/test.htm&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>送出一封純文字信件並含附件 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.TextBody=&#34;This is a message.&#34; <br/>myMail.AddAttachment &#34;c:\mydocuments\test.txt&#34; <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/><br/>Sending a text e-mail using a remote server: <br/><br/>用遠端SMTP主機送出一封純文字信件 <br/>&lt;% <br/>Set myMail=Cr&#101;ateObject(&#34;CDO.Message&#34;) <br/>myMail.Subject=&#34;Sending email with CDO&#34; <br/>myMail.From=&#34;mymail@mydomain.com&#34; <br/>myMail.To=&#34;someone@somedomain.com&#34; <br/>myMail.TextBody=&#34;This is a message.&#34; <br/>myMail.Configuration.Fields.Item (&#34;<a href="http://schemas.microsoft.com/cdo/configuration/sendusing" target="_blank">http://schemas.microsoft.com/cdo/configuration/sendusing</a>&#34;) =2 <br/>&#39;遠端SMTP主機名稱或IP位址 <br/>myMail.Configuration.Fields.Item (&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpserver" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpserver</a>&#34; )=&#34;smtp.server.com&#34; <br/>&#39;遠端SMTP主機埠號 Server port <br/>myMail.Configuration.Fields.Item (&#34;<a href="http://schemas.microsoft.com/cdo/configuration/smtpserver" target="_blank">http://schemas.microsoft.com/cdo/configuration/smtpserver</a>p o&#114;t&#34;) =25 <br/>myMail.Configuration.Fields.Up&#100;ate <br/>myMail.Send <br/>set myMail=nothing <br/>%&gt; <br/>]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=294</link>
			<title><![CDATA[利用text-align:justify完成單行文字兩端對齊]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[CSS]]></category>
			<pubDate>Sun,18 Jan 2009 22:18:41 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=294</guid>	
		<description><![CDATA[text-align:justify只能對多行中的非最後一行進行兩端對齊。對於單行自己沒辦法，IE有text-justify 可以解決問題，對了非IE的我的方式比較垃圾，因為只在特殊場合下才會用。<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">.justify{<br/>height:1.1em;<br/>overflow:hidden;<br/>text-align:justify;<br/>text-justify :distribute-all-lines;<br/>}<br/>div.cn:after {<br/>content: &#34;__________________________________________&#34;;<br/>font-size:100px;<br/>} </div></div><br/><br/>對了非IE的我是使用content還增加內容達到有第二行，才會在第一行兩端對齊。<br/><br/>不過各瀏覽器對中文的理解不一樣。Firefox 是直接分割中文，Opera不會分割中文，只認空格，要是在中文中間插點半角的英文或者標號它還會對不齊，safari接近Opera。都是不加空格沒法分<br/><br/>英文比較好，因為大家只能用空格分來單詞，不過IE用text-justify :distribute-all-lines來分真是難看得要命。本來想過用htc或者js幫IE，可是發現,IE6好笨的說，家裡沒IE7不知道怎樣。<br/><br/>或者敲空格是一種比較好的方式，可firefox這種只放大文本的瀏覽器一放大文字就XX了，寫的那個爛方法也只有在一定的情況下有用，想起一句話：珍惜生命，遠離Firefix!(作者的想法，我的想法全世界只有一個瀏覽器就好！) <br/>]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=284</link>
			<title><![CDATA[line-height屬性的繼承問題]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[CSS]]></category>
			<pubDate>Wed,30 Jul 2008 22:05:55 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=284</guid>	
		<description><![CDATA[淘寶商城 的detail 頁面「產品詳情」部分是商家自定義區塊，曾出現這樣一個問題：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;style type=&#34;text/css&#34;&gt;<br/>p {<br/>&nbsp;&nbsp;&nbsp;&nbsp;line-height:17px;<br/>}<br/>&lt;/style&gt;<br/><br/>&lt;div class=&#34;mdse-detail&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;strong style=&#34;font-size:30px&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品牌：XZX&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;市場價：145元&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;顏色：黑色&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;面料：棉&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尺碼：S&nbsp;&nbsp;M&nbsp;&nbsp;L&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;衣長：S 89&nbsp;&nbsp;M 90&nbsp;&nbsp; L 91&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;肩寬：S 35&nbsp;&nbsp;M 36&nbsp;&nbsp; L 37&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;胸圍：S 88&nbsp;&nbsp;M 92&nbsp;&nbsp; L 96&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下擺：S 104 M 108&nbsp;&nbsp;L 112&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袖長：S 17&nbsp;&nbsp;M 17.5 L18&lt;br /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由於測量方法不同，誤差在2CM左右！<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/strong&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br/>&lt;/div&gt;</div></div><br/><br/>你會發現上面例子的文字會重疊在一起！這是什麼原因呢？<br/><br/>由於.detail-content 中的 p 元素繼承了默認設置的全局樣式 line-height:17px，而自定義區塊又是由商家自定義，其內字體被設置為了 font-size:30px;（可能為任意值），根據 Inline formatting model，得知該文字的 line-box 高為 17px，多出的字體部分上下溢出，所以會出現字體重疊的現象。<br/><br/>那這個問題如何解決呢？<br/><br/>解決方案：我們給 .mdse-detail 下的 p 元素設定樣式屬性 line-height:1.4。<br/><br/>為什麼解決方案裡的 1.4 不帶單位？<br/><br/>元素的 line-height 屬性值會繼承父元素（或祖先元素）的 line-height 屬性值，如果屬性值有單位，則繼承的值是換算後具體的 px 值而非原始的值（比如：em、%），而如果屬性值沒有單位，則瀏覽器會繼承數值（無單位），然後根據該元素的 font-size 值重新解析得到新的 line-height 值。這個和 table 的 tr 設置 display 屬性有一點點類似（tr.style.display = 」;，IE 顯示 block，而 Firefox 等標準瀏覽器顯示 table-row）。<br/><br/>還有另外一個相對低效的方法，但也不失為一個快捷的解決方案：<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">.mdse-detail p * {<br/>&nbsp;&nbsp;&nbsp;&nbsp;line-height:140%;<br/>}</div></div><br/><br/>參考閱讀：《Unitless line-heights》<a href="http://www.blueidea.com/tech/web/2008/6014.asp" target="_blank">http://www.blueidea.com/tech/web/2008/6014.asp</a><br/><br/>個人會建議使用em這個單位來解決，例如：1.6em，另外關於繼承的問題，始於文字屬性的部份都是會繼承的，好比文字大小、字型、顏色、行距、字元間距等，這些都是會繼承的，其他屬性是不可以繼承的，好比寬度，一個DIV裡面又包了幾個DIV，外面DIV(父)設定寬度100PX，裡面(子)也繼承為100PX，這樣不就天下大亂了！]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=281</link>
			<title><![CDATA[Google 地圖API 實作範例 (教你回何將Google地圖放到網頁中.)]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Mon,14 Jul 2008 20:55:33 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=281</guid>	
		<description><![CDATA[<img src="http://www.pro-soho.com/Blog/attachments/month_0802/Map.gif" border="0" alt=""/><br/><br/>今天興致來朝玩了一下Google的Map，覺得還真的不錯，尤其開放了API之後，受益最多的應該是牽涉到旅遊、休閒..等涉及地圖服務相關網站，真的挺方便的喔！小弟就簡單的介紹一下如何利用Google所提供之 Maps API 將 Google 地圖服務內嵌到你的網頁中，並且將座標定至你所要標記的地點。<br/><br/>步驟1：先至 Google Maps 申請一組 API Key (網址：<a href="http://www.google.com/apis/maps/signup.html" target="_blank">http://www.google.com/apis/maps/signup.html</a>)<br/><br/>1. 將核取控制項打勾(I have read and agree with the terms and conditions的那個按鈕)，並將欲申請Google Maps API的網址填入(例如像本站就輸入：<a href="http://www.pro-soho.com" target="_blank">http://www.pro-soho.com</a> )。<br/><br/>2. 按 &#34;Generate API Key&#34; 取得 Key。<br/><br/>3. 最後會出現三個方塊，分別是你取得的 Key (Your key is)，你設定之URL(This key is good for all URLs in this directory:)，以及一個範例(Here is an example web page to get you started on your way to mapping glory)。<br/><br/>範例中會有如下的片段：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;script src=&#34;<a href="http://maps.google.com/maps?file=api" target="_blank">http://maps.google.com/maps?file=api</a>&amp;v=2&amp;key=ABQIAAAAU42K6cZiPBspSseDAjgVrxRepqq5VEHxc05H62box0rt476kmhQ0nk6V2K6RWEv9xHr3ovELZDXswA&#34;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type=&#34;text/javascript&#34;&gt;&lt;/script&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;script type=&#34;text/javascript&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//&lt;![CDATA[<br/>&nbsp;&nbsp;&nbsp;&nbsp;function load() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (GBrowserIsCompatible()) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var map = new GMap2(document.getElementById(&#34;map&#34;));<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;map.setCenter(new GLatLng(24.854726,121.232184), 13);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;//]]&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/script&gt;<br/></div></div><br/>此段中(key=ABQIAAAAU42K6cZiPBspSseDAjgVrxRepqq5VEHxc05H62box0rt476kmhQ0nk6V2K6RWEv9xHr3ovELZDXswA)<br/>等於後面的這串ABQ......swA就是你的key，整段JavaScript需放至HTML中之&lt;head&gt;&lt;/head&gt;之間。<br/><br/>步驟2：取得欲標記的地點的經緯座標值<br/><br/><br/>1. 進入 Google Maps搜尋頁面：<a href="http://maps.google.com/maps/ms?ie=UTF8" target="_blank">http://maps.google.com/maps/ms?ie=UTF8</a>&amp;hl=zh-TW&amp;msa=2<br/>2. 輸入欲標記的地點的地址或名稱，並按&#34;搜尋地圖&#34;(例如：桃園大飯店)。<br/>3. 確認搜尋結果無誤後，請按&#34;連結至此網頁&#34;，取得地圖的連結。<br/>連結如下：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">http://maps.google.com/maps?f=q&amp;hl=zh-TW&amp;geocode=&amp;q=%E6%A1%83%E5%9C%92%E5%A4%A7%E9%A3%AF%E5%BA%97&amp;ie=UTF8&amp;ll=24.853419,121.231384&amp;spn=0.255451,0.422974&amp;z=11</div></div><br/><br/>步驟3：將以下範例程式片段copy到&lt;body&gt;&lt;/body&gt;之間：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;!--Google Map 顯示的位置，可自由決定大小--&gt;<br/>&lt;div id=&#34;mymap&#34; style=&#34;width: 500px; height: 500px&#34;&gt;&lt;/div&gt;<br/><br/>&lt;!--以下為控制Google Maps的JavaScript--&gt;<br/>&lt;script type=&#34;text/javascript&#34;&gt;<br/><br/>//&lt;![CDATA[<br/>var map = new GMap(document.getElementById(&#34;mymap&#34;));<br/><br/>//設定要顯示的控制項<br/>map.addControl(new GSmallMapControl());<br/>map.addControl(new GMapTypeControl());<br/><br/>//決定你 Google 地圖的中心點位置和縮放大小<br/>map.setCenter(new GLatLng(24.853419,121.231384), 16);<br/><br/>//標記在 Google 地圖上的經緯度<br/>var point = new GLatLng(24.853419,121.231384);<br/>var marker = new GMarker(point);<br/>map.addOverlay(marker);<br/><br/>//在地圖上放置標點說明<br/>var html = &#34;桃園大飯店&#34;;<br/>map.openInfoWindowHtml (map.getCenter(), html);<br/><br/>//]]&gt;<br/>&lt;/script&gt; <br/></div></div><br/><br/>範例網址：<a target="_blank" href="http://www.pro-soho.com/Blog/GoogleMap.htm">http://www.pro-soho.com/Blog/GoogleMap.htm</a><br/><br/><br/>相關參數說明：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">//設定要顯示的控制項<br/>map.addControl(new GSmallMapControl());<br/>map.addControl(new GMapTypeControl<br/>()); </div></div><br/><br/>Google Maps API 內建四種控制項：<br/><br/>1. GLargeMapControl : 適合給大型地圖的控制項。<br/>2. GSmallMapControl : 適合給小型地圖的控制項。<br/>3. GSmallZoomControl : 只有 Zoom Level 的調整，沒有地圖移動控制。<br/>4. GMapTypeControl : 顯示地圖型態切換的控制項。 <br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">//決定你 Google 地圖的中心點位置和縮放大小<br/>map.setCenter(new GLatLng(24.853419,121.231384), 16);</div></div><br/><br/>設定 Google 地圖的中心點位置和縮放大小：<br/><br/>1. setCenter(GLatLng(經度, 緯度), [+ 放大(近)] -&gt; [- 縮小(遠)]); <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">//標記在 Google 地圖上的經緯度<br/>var point = new GLatLng(24.853419,121.231384);<br/>var marker = new GMarker(point);<br/>map.addOverlay(marker);<br/><br/>//在此標記所要顯示的資訊<br/>var html = &#34;桃園大飯店&#34;;<br/>map.openInfoWindowHtml (map.getCenter(), html);</div></div><br/><br/>在地圖上標記地點：<br/><br/>1. 設定座標值：<br/>var point = new GLatLng(24.853419,121.231384);<br/>var marker = new GMarker(point);<br/><br/>2. 在地圖上放置標點 :<br/>map.addOverlay(marker);<br/><br/>3. 在地圖上放置標點說明 :<br/>var html = &#34;桃園大飯店&#34;;<br/>map.openInfoWindowHtml (map.getCenter(), html ]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=282</link>
			<title><![CDATA[輸入框高度自動增加]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Mon,14 Jul 2008 20:39:25 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=282</guid>	
		<description><![CDATA[一個文字輸入框，若輸入內容超過寬度換行後，輸入框的高度隨之改變，增加一行高，像gtalk的輸入框一樣。<br/>想了想用css的overflow控制&lt;textarea&gt;，好像不能達到這效果。不知各位能否用js做出來？<br/><br/><br/>[html]&lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;&gt;<br/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&gt;<br/>&lt;title&gt;nothing is impossible&lt;/title&gt;<br/>&lt;style type=&#34;text/css&#34; media=&#34;screen&#34;&gt;<br/>* {margin:0;padding:0;}<br/>body {font-family:Arial,Helvetica,sans-serif;font-size:12px;}<br/>ul {list-style-type:none;}<br/>&lt;/style&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;textarea cols=&#34;40&#34; rows=&#34;4&#34;&gt;&lt;/textarea&gt;<br/>&lt;/body&gt;<br/>&lt;script type=&#34;text/javascript&#34;&gt;<br/>var ta=document.getElementsByTagName(&#39;textarea&#39;)[0];<br/>ta.onkeyup=function(ev) {<br/>var e=ev||window.event;<br/>if (e.keyCode==13) {<br/>var ar=ta.getAttribute(&#39;rows&#39;);<br/>ar++;<br/>ta.setAttribute(&#39;rows&#39;,ar);<br/>}<br/>}<br/>&lt;/script&gt;<br/>&lt;/html&gt;[html]]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=280</link>
			<title><![CDATA[如何將全形英文字、數值轉半形]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Fri,11 Jul 2008 23:08:46 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=280</guid>	
		<description><![CDATA[最近有網友詢問如何將全形英文字、數值轉成半形(作為使用者資料輸入之驗證)<br/>提供以下函數供需要的網友直接使用<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">Function ChgToHalfStr(strInput) <br/>strFullshape=&#34;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890-_~+, ?!@#$%^&amp;*().&#34; <br/>&nbsp;&nbsp;strHalfshape=&#34;ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ１２３４５６７８９０－＿～＋，　？！＠＃＄％︿＆＊（）‧&#34; <br/>&nbsp;&nbsp;For Subi=1 To len(strFullshape) <br/>&nbsp;&nbsp;&nbsp;&nbsp;strInput=Replace(strInput,Mid(strHalfshape,Subi,1),Mid(strFullshape,Subi,1)) <br/>&nbsp;&nbsp;Next <br/>&nbsp;&nbsp;ChgToHalfStr=strInput <br/>End Function</div></div><br/><br/>這是我的作法，如果格友有更具效率的寫法，歡迎分享喔~<br/>那如果是要將半形轉全形呢？聰明的您~應該不難反解了吧....]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=279</link>
			<title><![CDATA[解決 Flash 蓋住彈出目錄的方法]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Fri,07 Mar 2008 21:08:31 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=279</guid>	
		<description><![CDATA[無論是 CSS 下拉式目錄，或是 Javascript 製作出來的彈出式清單，一旦遇到 Flash 時，就被 Flash 遮蓋住，這個問題困擾了不少設計人員，原則上有兩種解決方法，一種是在圖層中使用 IFRAME，另一種則是改變 Flash 嵌入方式。<br/><br/>以下提供改變Flash嵌入方式的語法：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;script type=&#34;text/javascript&#34; src=&#34;images/swfobject.js&#34;&gt;&lt;/script&gt;<br/>&lt;div id=&#34;flashcontent&#34;&gt;無法播放 Flash 時替代的文字內容&lt;/div&gt;<br/>&lt;script type=&#34;text/javascript&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp; var fo = new FlashObject(&#34;images/flash.swf&#34;, &#34;mymovie&#34;, &#34;200&#34;, &#34;200&#34;, &#34;7&#34;, &#34;#ff00ff&#34;);<br/>&nbsp;&nbsp;&nbsp;&nbsp; fo.addParam(&#34;wmode&#34;, &#34;transparent&#34;);<br/>&nbsp;&nbsp;&nbsp;&nbsp; fo.write(&#34;flashcontent&#34;);<br/>&lt;/scrip&gt;</div></div><br/><br/>步驟是先連結 swfobject.js 這個檔案，檔案的官方下載位置是：<br/><br/><a href="http://download.macromedia.com/pub/developer/swfobj&#101;ct_1.4.zip" target="_blank">http://download.macromedia.com/pub/developer/swfobj&#101;ct_1.4.zip</a><br/><br/>壓縮檔中檔案很多，是範例及說明，要用到的只有 swfobject.js一個檔案。 <br/><br/>然後宣告一個放置 flash 的區塊，這個例子的識別名稱為 flashcontent，接下來，建立 FlashObject 物件，語法是：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">var fo=new FlashObject(swf檔,識別元,寬度,高度,Flash版本,背景色);</div></div><br/><br/>如果需要加其他屬性，例如透明，則使用 fo.addParam 加入，語法為：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">fo.addParam(&#34;wmode&#34;, &#34;transparent&#34;); </div></div><br/><br/>最後，把物件寫到 flashcontent 區塊中，語法為：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">fo.write(&#34;flashcontent&#34;);</div></div><br/><br/>如此就完成了，原文刊載於：<br/><a href="http://www.adobe.com/devnet/flash/articles/swfobj&#101;ct.html" target="_blank">http://www.adobe.com/devnet/flash/articles/swfobj&#101;ct.html</a><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=275</link>
			<title><![CDATA[超酷的圖片輪換漸變效果]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Wed,20 Feb 2008 20:17:14 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=275</guid>	
		<description><![CDATA[在騰訊女性頻道上看到一個很酷的圖片漸變輪換效果·····於是乎····整理下來了···分享···<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;style type=&#34;text/css&#34;&gt;<br/>.woon{border:1px solid #fff;}<br/>.wooff{border:1px solid #ffffff;filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);}<br/>&lt;/style&gt;<br/>&lt;script language=&#34;JavaScript&#34; type=&#34;text/JavaScript&#34;&gt;<br/>&lt;!--<br/>window.onerror = function(){return true}<br/>function MM_openBrWindow(theURL,winName,features) { //v2.0<br/>&nbsp;&nbsp;window.open(theURL,winName,features);<br/>}<br/>//--&gt;<br/>&lt;/script&gt;<br/>&lt;table width=252 border=0 align=center cellPadding=0 cellSpacing=0&nbsp;&nbsp;background=&#34;<a href="http://img1.qq.com/lady/pics/3931/3931550.jpg" target="_blank">http://img1.qq.com/lady/pics/3931/3931550.jpg</a>&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td height=&#34;470&#34; align=&#34;center&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id=fc style=&#34;filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:240px; HEIGHT:454px; border:1px solid #D85C8A&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style=&#34;display:block&#34;&gt;&lt;A <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;href=&#34;<a href="http://lady.qq.com/a/20071007/000003.htm" target="_blank">http://lady.qq.com/a/20071007/000003.htm</a>&#34; target=_blank&gt;&lt;img onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseout=setAuto() height=454 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot1.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot1.jpg</a>&#34; width=240 border=0&gt;&lt;/A&gt;&lt;/div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style=&#34;display: none&#34;&gt;&lt;a href=&#34;<a href="http://lady.qq.com/a/20071007/000009.htm" target="_blank">http://lady.qq.com/a/20071007/000009.htm</a>&#34; target=&#34;_blank&#34;&gt;&lt;img onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseout=setAuto() height=454 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot2.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot2.jpg</a>&#34; width=240 border=0&gt;&lt;/a&gt;&lt;/div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style=&#34;display: none&#34;&gt;&lt;A href=&#34;<a href="http://lady.qq.com/a/20071007/000005.htm" target="_blank">http://lady.qq.com/a/20071007/000005.htm</a>&#34; target=_blank&gt;&lt;img onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseout=setAuto() height=454 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot3.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot3.jpg</a>&#34; width=240 border=0&gt;&lt;/A&gt;&lt;/div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style=&#34;display: none&#34;&gt;&lt;a href=&#34;<a href="http://lady.qq.com/a/20071007/000006.htm" target="_blank">http://lady.qq.com/a/20071007/000006.htm</a>&#34; target=_blank&gt;&lt;img onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseout=setAuto() height=454 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot4.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot4.jpg</a>&#34; width=240 border=0&gt;&lt;/a&gt;&lt;/div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td height=99 valign=&#34;top&#34;&gt; &lt;table border=0 align=center cellPadding=0 cellSpacing=1 id=num&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td class=woon onmouseover=clearAuto();onclick=Mea(0); onmouseout=setAuto()<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;&lt;img src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot01.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot01.jpg</a>&#34; width=&#34;57&#34; height=&#34;90&#34; style=&#34;cursor: hand&#34; onDblClick=&#34;MM_openBrWindow(&#39;<a href="http://lady.qq.com/a/20071007/000003.htm" target="_blank">http://lady.qq.com/a/20071007/000003.htm</a>&#39;,&#39;&#39;,&#39;&#39;)&#34;&gt;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td class=wooff onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onclick=Mea(1); onmouseout=setAuto()<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;&lt;img src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot02.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot02.jpg</a>&#34; width=&#34;57&#34; height=&#34;90&#34; border=&#34;0&#34; style=&#34;cursor: hand&#34; onDblClick=&#34;MM_openBrWindow(&#39;<a href="http://lady.qq.com/a/20071007/000009.htm" target="_blank">http://lady.qq.com/a/20071007/000009.htm</a>&#39;,&#39;&#39;,&#39;&#39;)&#34;&gt;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td class=wooff onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onclick=Mea(2); onmouseout=setAuto() <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&lt;img src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot03.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot03.jpg</a>&#34; width=&#34;57&#34; height=&#34;90&#34; style=&#34;cursor: hand&#34; onDblClick=&#34;MM_openBrWindow(&#39;<a href="http://lady.qq.com/a/20071007/000005.htm" target="_blank">http://lady.qq.com/a/20071007/000005.htm</a>&#39;,&#39;&#39;,&#39;&#39;)&#34;&gt;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td class=wooff onmouseover=clearAuto(); <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onclick=Mea(3); onmouseout=setAuto() <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;&lt;img src=&#34;<a href="http://mat1.qq.com/lady/images/index/2007/10/07/hot04.jpg" target="_blank">http://mat1.qq.com/lady/images/index/2007/10/07/hot04.jpg</a>&#34; width=&#34;57&#34; height=&#34;90&#34; style=&#34;cursor: hand&#34; onDblClick=&#34;MM_openBrWindow(&#39;<a href="http://lady.qq.com/a/20071007/000006.htm" target="_blank">http://lady.qq.com/a/20071007/000006.htm</a>&#39;,&#39;&#39;,&#39;&#39;)&#34;&gt;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/table&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&lt;script&gt; <br/>var n=0;<br/>var showNum = document.getElementById(&#34;num&#34;);<br/>function Mea(value){<br/>&#160;&#160;&#160;&#160;n=value;<br/>&#160;&#160;&#160;&#160;setBg(value);<br/>&#160;&#160;&#160;&#160;plays(value);<br/>&#160;&#160;&#160;&#160;}<br/>function setBg(value){<br/>&#160;&#160;&#160;&#160;for(var i=0;i&lt;4;i++)<br/>&nbsp;&nbsp; if(value==i){<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;showNum.getElementsByTagName(&#34;td&#34;)[i].className=&#39;woon&#39;;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;} <br/>&#160;&#160;&#160;&#160;else{&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;showNum.getElementsByTagName(&#34;td&#34;)[i].className=&#39;wooff&#39;;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}&nbsp;&nbsp;<br/>&#160;&#160;&#160;&#160;} <br/>function plays(value){<br/>&#160;&#160;&#160;&#160;with (fc){<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;filters[0].Apply();<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;for(i=0;i&lt;4;i++)i==value?children[i].style.display=&#34;block&#34;:children[i].style.display=&#34;none&#34;; <br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;filters[0].play(); &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}&#160;&#160;&#160;&#160;<br/>}<br/>function clearAuto(){clearInterval(autoStart)}<br/>function setAuto(){autoStart=setInterval(&#34;auto(n)&#34;, 5000)}<br/>function auto(){<br/>&#160;&#160;&#160;&#160;n++;<br/>&#160;&#160;&#160;&#160;if(n&gt;3)n=0;<br/>&#160;&#160;&#160;&#160;Mea(n);<br/>} <br/>function sub(){<br/>&#160;&#160;&#160;&#160;n--;<br/>&#160;&#160;&#160;&#160;if(n&lt;0)n=3;<br/>&#160;&#160;&#160;&#160;Mea(n);<br/>} <br/>setAuto(); <br/>&lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;</div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=274</link>
			<title><![CDATA[ASP儲存遠端圖片至網站]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Sat,02 Feb 2008 19:41:59 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=274</guid>	
		<description><![CDATA[&lt;% <br/>&#39;先下載遠端圖片 <br/>url=&#34;<a href="http://www.im286.com/images/im286/logo.gif" target="_blank">http://www.im286.com/images/im286/logo.gif</a>&#34; &#39;遠端圖片位址 <br/>savepath=&#34;D:\photo\&#34; &#39;保存路徑 <br/>&#39;為檔重命名 <br/>randomize <br/>ranNum=int(999*rnd) <br/>filename=year(now)&amp;month(now)&amp;day(now)&amp;hour(now)&amp;minute(now)&amp;second(now)&amp;ranNum <br/>&#39;為檔重命名結束 <br/>set xmlhttp=server.cr&#101;ateobject(&#34;Microsoft.XMLHTTP&#34;) <br/>xmlhttp.open &#34;get&#34;,url,false <br/>xmlhttp.send <br/>img = xmlhttp.ResponseBody <br/>set xmlhttp=nothing <br/>set objAdostream=server.cr&#101;ateobject(&#34;ADODB.Stream&#34;) <br/>objAdostream.Open() <br/>objAdostream.type=1 <br/>objAdostream.Write(img) <br/>objAdostream.SaveToFile(savepath&amp;filename&amp;&#34;.jpg&#34;) <br/>objAdostream.SetEOS <br/>set objAdostream=nothing <br/>&#39;圖下載結束 <br/>Set Upload = Server.Cr&#101;ateObject(&#34;Persits.Upload&#34;) &#39;打開物件 <br/>Set File = Upload.OpenFile(savepath&amp;filename&amp;&#34;.jpg&#34;) &#39;打開已經保存的檔 <br/><br/>If File.ImageType &lt;&gt; &#34;JPG&#34; and File.ImageType &lt;&gt; &#34;GIF&#34; and File.ImageType &lt;&gt; &#34;BMP&#34; and File.ImageType &lt;&gt; &#34;PNG&#34; Then <br/>Upload.Del&#101;teFile savepath&amp;filename&amp;&#34;.jpg&#34; &#39;如果格式不正確就刪除這張已下載的圖片 <br/>response.write &#34;錯誤的圖片格式&#34; <br/>end if <br/>&#39;登出實例 <br/>Set Upload = nothing <br/>Set File = nothing <br/>%&gt;<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.pro-soho.com/Blog/default.asp?id=273</link>
			<title><![CDATA[JQuery 筆記]]></title>
			<author>scooter.tw@gmail.com(admin)</author>
			<category><![CDATA[Ajax]]></category>
			<pubDate>Sat,12 Jan 2008 15:52:10 +0800</pubDate>
			<guid>http://www.pro-soho.com/Blog/default.asp?id=273</guid>	
		<description><![CDATA[參考資料：jQuery API Rerence <a href="http://docs.jquery.com/Main_Page" target="_blank">http://docs.jquery.com/Main_Page</a><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">&lt;style&gt;&nbsp;&nbsp;<br/>.red { color:red; }&nbsp;&nbsp;<br/>.bg_green {background-color:green;}&nbsp;&nbsp;<br/>.bg_red {background-color:red;}&nbsp;&nbsp;<br/>.bg_yellow {background-color:yellow;}&nbsp;&nbsp;<br/>&lt;/style&gt;&nbsp;&nbsp;<br/><br/>&lt;div id=&#34;div01&#34;&gt;測試 TEST&nbsp;&nbsp;<br/>&lt;p&gt;第一行 &lt;a href=&#34;#&#34; name=&#34;a1&#34;&gt;a1&lt;/a&gt;&lt;/p&gt; <br/>&lt;p&gt;第二行 &lt;a href=&#34;#&#34; id=&#34;a2&#34;&gt;a2&lt;/a&gt;&lt;/p&gt;<br/>&lt;p&gt;第三行 &lt;a href=&#34;#&#34;&gt;a3&lt;/a&gt;&lt;/p&gt;&nbsp;&nbsp;&lt;/div&gt;</div></div><br/><br/>選擇器(Sel&#101;ctors) (more:<a href="http://docs.jquery.com/Attributes" target="_blank">http://docs.jquery.com/Attributes</a>)<br/><br/>$(&#34;#div01&#34;); /* document.getElementById(&#34;div01&#34;); */ <br/>$(&#34;a[@name]&#34;).addClass(&#34;bg_green&#34;); <br/>尋找有name屬性的 &lt;a /&gt;。 <br/>$(&#39;#div01 &gt; p:first&#39;).addClass(&#39;red&#39;); <br/>尋找&lt;div id=&#39;div01&#39;&gt;下的第一個&lt;p /&gt;，first, last, 空就是全部的 <br/><br/>屬性(Attributes) (more:<a href="http://docs.jquery.com/Attributes" target="_blank">http://docs.jquery.com/Attributes</a>)<br/><br/>$(&#34;#div01&#34;).addClass(&#39;red&#39;); /* document.getElementById(&#39;div01&#39;).className=&#39;red&#39;; */ <br/>$(&#34;#div01&#34;).css(&#34;border&#34;, &#34;1px solid black&#34;); <br/><br/>其它<br/><br/>在每一行後面加上文字 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">$(&#34;#div01 &#34;).find(&#34;p&#34;).each(function(i) { <br/>&nbsp;&nbsp;$(this).html( $(this).html() + &#34; 加註(&#34; + i + &#34;)&#34; ); <br/>}); </div></div><br/><br/>事件(Evnets) (more:<a href="http://docs.jquery.com/Events" target="_blank">http://docs.jquery.com/Events</a>)<br/><br/>當mouse移過第一行時底色會變。 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">$(document).ready(function() { <br/>$(&#39;#div01 &gt; p:first&#39;).hover( <br/>&nbsp;&nbsp;function() {$(this).addClass(&#34;bg_green&#34;);}, <br/>&nbsp;&nbsp;function() {$(this).removeClass(&#34;bg_green&#34;);} <br/>); </div></div><br/><br/>當mouse移過每一行的&lt;a/&gt;時底色會變。 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.pro-soho.com/Blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代碼"/> 程序代碼</div><div class="UBBContent">$(&#34;a&#34;).hover( <br/>&nbsp;&nbsp;function() {$(this).parents(&#34;p&#34;).addClass(&#34;bg_red&#34;);}, <br/>&nbsp;&nbsp;function() {$(this).parents(&#34;p&#34;).removeClass(&#34;bg_red&#34;); <br/>}); </div></div><br/><br/>參考：<a href="http://www.k99k.com/jQuery_getting_started.html" target="_blank">http://www.k99k.com/jQuery_getting_started.html</a> ]]></description>
		</item>
		
</channel>
</rss>