<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-7570320779862104573</id><updated>2011-12-22T17:19:54.456+08:00</updated><category term='Web Server'/><category term='NFS'/><category term='OpenFoundry'/><category term='jQuery'/><category term='Other'/><category term='CSS'/><category term='Subversion'/><category term='Ruby'/><category term='GreaseMonkey'/><category term='HTML'/><category term='AJAX'/><category term='FreeBSD'/><category term='Ubuntu'/><category term='Perl'/><category term='iFrame'/><category term='Windows'/><category term='Ruby on Rails'/><category term='JavaScript'/><category term='Blogger'/><category term='Facebook'/><category term='Web'/><title type='text'>WangAguo wa wa wa</title><subtitle type='html'>程式開發哇哇哇</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>57</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-5359970793332714038</id><published>2011-12-22T11:10:00.001+08:00</published><updated>2011-12-22T14:47:28.867+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><title type='text'>FreeBSD IP Alias: Setup 2 or More IP address on One NIC</title><content type='html'>Set ip alias using ifconfig command line utility&lt;br /&gt;&lt;br /&gt;Login as the root user.&lt;br /&gt;&lt;br /&gt;Now, use ifconfig command as follows to set alias:&lt;br /&gt;# ifconfig lnc0 192.168.1.5 netmask 255.255.255.255 alias&lt;br /&gt;Persistent IP Alias Configuration&lt;br /&gt;&lt;br /&gt;Edit file /etc/rc.conf to setup persistent ip aliasing option by appending following configuration, so that next time FreeBSD comes up (after restart/shutdown) it will create alias for you:&lt;br /&gt;ifconfig_lnc0_alias0="192.168.1.5 netmask 255.255.255.255"&lt;br /&gt;&lt;br /&gt;Finally, Restart FreeBSD network service using network restart script:&lt;br /&gt;# /etc/rc.d/netif restart &amp;&amp; /etc/rc.d/routing restart&lt;br /&gt;Display alias and real ip using ifconfig lnc0 command:&lt;br /&gt;# ifconfig lnc0&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-5359970793332714038?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.cyberciti.biz/tips/freebsd-how-to-setup-2-ip-address-on-one-nic.html' title='FreeBSD IP Alias: Setup 2 or More IP address on One NIC'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/5359970793332714038/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=5359970793332714038' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/5359970793332714038'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/5359970793332714038'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/12/freebsd-ip-alias-setup-2-or-more-ip.html' title='FreeBSD IP Alias: Setup 2 or More IP address on One NIC'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1409086651537203179</id><published>2011-12-21T10:21:00.000+08:00</published><updated>2011-12-21T10:22:17.707+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><category scheme='http://www.blogger.com/atom/ns#' term='NFS'/><category scheme='http://www.blogger.com/atom/ns#' term='Subversion'/><title type='text'>Subversion  on NFS</title><content type='html'>svn repos置放於NFS上時所造成的問題，當commit時發生錯誤，如下：&lt;br /&gt;&lt;br /&gt;svn: Commit failed (details follow):&lt;br /&gt;svn: Can't get exclusive lock on file '/storage/openfoundry/repos/ntoutest/db/txn-current-lock': Operation not supported&lt;br /&gt;&lt;br /&gt;處理方式&lt;br /&gt;/etc/rc.conf 加入以下三行，重新啟動系統&lt;br /&gt;&lt;br /&gt;nfs_client_enable="YES"&lt;br /&gt;rpc_lockd_enable="YES"&lt;br /&gt;rpc_statd_enable="YES"&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1409086651537203179?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1409086651537203179/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1409086651537203179' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1409086651537203179'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1409086651537203179'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/12/subversion-on-nfs.html' title='Subversion  on NFS'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-5160087494002509677</id><published>2011-12-21T10:19:00.002+08:00</published><updated>2011-12-22T17:19:54.465+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><title type='text'>FreeBSD主機校時與時區設定</title><content type='html'>主機校時設定：&lt;br /&gt;&lt;br /&gt;    開機時，就校時乙次：&lt;br /&gt;    在 /etc/rc.conf 中加入：&lt;br /&gt;    ntpdate_enable="YES"&lt;br /&gt;    ntpdate_flags="clock.stdtime.gov.tw"&lt;br /&gt;&lt;br /&gt;    開機後，定時校時：&lt;br /&gt;        crontab 簡介：&lt;br /&gt;        在 /etc/periodic/ 資料夾中有三個目錄：&lt;br /&gt;&lt;br /&gt;        drwxr-xr-x  2 root  wheel  1024 10 Giu 21:34 daily&lt;br /&gt;        drwxr-xr-x  2 root  wheel   512 10 Giu 21:34 monthly&lt;br /&gt;        drwxr-xr-x  2 root  wheel   512 10 Giu 21:34 weekly&lt;br /&gt;&lt;br /&gt;        而 /etc/crontab 中亦已定義每日、每週、每月定時分別執行各該目錄下的程序檔案。&lt;br /&gt;&lt;br /&gt;        我選擇每月定時校時：&lt;br /&gt;            編輯 /etc/periodic/monthly/190.ntpdate 檔，內容如下：&lt;br /&gt;            #!/bin/sh&lt;br /&gt;            echo&lt;br /&gt;            echo '主機校時：'&lt;br /&gt;            /usr/sbin/ntpdate   clock.stdtime.gov.tw&lt;br /&gt;&lt;br /&gt;            chmod   +x   /etc/periodic/monthly/190.ntpdate&lt;br /&gt;&lt;br /&gt;    心血來潮時，手動校時。只有 root 才能做校時設定哦：&lt;br /&gt;    ntpdate   clock.stdtime.gov.tw&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-5160087494002509677?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://freebsd.lab.mlc.edu.tw/faq/ntpdate.shtml' title='FreeBSD主機校時與時區設定'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/5160087494002509677/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=5160087494002509677' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/5160087494002509677'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/5160087494002509677'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/12/freebsd-ntpdate.html' title='FreeBSD主機校時與時區設定'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1509086605454190929</id><published>2011-12-14T14:49:00.002+08:00</published><updated>2011-12-14T14:53:48.831+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ubuntu'/><title type='text'>Ubuntu gedit add plugin</title><content type='html'>Download plugin from &lt;a href="http://live.gnome.org/Gedit/Plugins"&gt;Gedit/Plugins&lt;/a&gt;&lt;br /&gt;Copy files to .local/share/gedit/plugins/ or /usr/lib/gedit/plugins/&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1509086605454190929?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1509086605454190929/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1509086605454190929' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1509086605454190929'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1509086605454190929'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/12/ubuntu-gedit-add-plugin.html' title='Ubuntu gedit add plugin'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-7938871297651915204</id><published>2011-08-10T15:41:00.014+08:00</published><updated>2011-08-11T14:29:04.516+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>網頁中的元素到底誰bind了那些event呢?</title><content type='html'>看到這篇&lt;a href="http://fearoftheload.blogspot.com/2011/08/jquery.html?showComment=1312946780161#c4633157300584514648"&gt;JQuery之軛&lt;/a&gt;提到，用jQuery等Library，許多event是用bind的，到最後bind了什麼都不知道，也不好Debug。&lt;br /&gt;&lt;br /&gt;所以想來找找有什麼方法可以知道，什麼元素bind了什麼event。&lt;br /&gt;&lt;br /&gt;先看最後知道可以的工具，就是Firefox的Firebug(此時是Firefox5)，&lt;br /&gt;在HTML檢視下，可以看到某Button，後面附加了jQuery16208644716556509593=Object { events={...}, handle=function()}，點一下就可看到其bind的事件了，真是了不起。&lt;br /&gt;&lt;br /&gt;再來看看用程式的方法，如何查看，這裏只有jQuery的部份，例如以下，button bind兩個事件click及blur，然後程式用$.data，可以查詢events：&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;button type="button" id="test"&gt;Test&lt;/button&gt;&lt;br /&gt;&lt;script&gt;&lt;br /&gt;  $("#test").click(function(){alert(1);}).blur(function(){alert(2);});&lt;br /&gt;  var e = $.data($("#test").get(0), 'events');&lt;br /&gt;  for(var p in e) alert(p);&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;然後以下找到的這段程式，可以往下探索物件的結構&lt;br /&gt;http://stackoverflow.com/questions/5357442/how-to-inspect-javascript-objects，&lt;br /&gt;目的是想知道除了event名稱外，其內容為何？&lt;br /&gt;測試結果是簡單的程式碼ok，複雜的不行，例如:jQuery.proxy(...)，然後查到的結困，可能很難看得懂。&lt;br /&gt;但這程式實際測試會掛掉或錯誤，原因在於物件層次太深太雜，就像跑不完一樣，&lt;br /&gt;所以要看你查詢的物件狀態，若是範例中的document，其MAX ITERATIONS，可能得設為1才能正常運作。&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;function xinspect(o,i){&lt;br /&gt;    if(typeof i=='undefined')i='';&lt;br /&gt;    if(i.length&gt;50)return '[MAX ITERATIONS]';&lt;br /&gt;    var r=[];&lt;br /&gt;    for(var p in o){&lt;br /&gt;        var t=typeof o[p];&lt;br /&gt;        r.push(i+'"'+p+'" ('+t+') =&gt; '+(t=='object' ? 'object:'+xinspect(o[p],i+'  ') : o[p]+''));&lt;br /&gt;    }&lt;br /&gt;    return r.join(i+'\n');&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;// example of use:&lt;br /&gt;alert(xinspect(document));&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-7938871297651915204?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/7938871297651915204/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=7938871297651915204' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7938871297651915204'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7938871297651915204'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/08/jquery-jquerylibraryeventbindbinddebug.html' title='網頁中的元素到底誰bind了那些event呢?'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-10874303846652743</id><published>2011-03-25T14:37:00.002+08:00</published><updated>2011-03-31T11:48:41.634+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby'/><title type='text'>Ruby19 encoding issues</title><content type='html'>ruby1.9 encoding issues&lt;br /&gt;&lt;br /&gt;To upgrade without any errors you should add this line at the top of all your ruby scripts:&lt;br /&gt;&lt;br /&gt;# encoding: utf-8&lt;br /&gt;&lt;br /&gt;otherwise it’ll throw SyntaxErrors: “invalid multibtyte char (US-ASCII)”&lt;br /&gt;&lt;br /&gt;Also you should use mysql2 gem (or new versions of pg and sqlite-ruby) in your application, otherwise you’ll see:&lt;br /&gt;&lt;br /&gt;Encoding::CompatibilityError: incompatible character encoding: UTF-8 and ASCII-8BIT&lt;br /&gt;&lt;br /&gt;from:http://def-end.com/post/3065938198/ruby1-9-encoding-issues&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-10874303846652743?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/10874303846652743/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=10874303846652743' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/10874303846652743'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/10874303846652743'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/03/ruby19.html' title='Ruby19 encoding issues'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6633495985258497326</id><published>2011-03-25T14:35:00.001+08:00</published><updated>2011-03-25T14:37:32.987+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby'/><title type='text'>Ruby執行系統指令</title><content type='html'>如果是要直接呼叫系統指令，底下有幾種方式可以呼叫系統指令&lt;br /&gt;&lt;br /&gt;`` # 就是在鍵盤上"ㄅ"左邊那個按鍵，通常跟"~"印在一起&lt;br /&gt;%x() # 括號也可以用雙引號代替，像是%x""或者%x!!&lt;br /&gt;exec # 透過exec來執行系統指令的話，會在執行結束後一併結束Ruby&lt;br /&gt;system # 用法跟exec一樣，但是結束指令時並不會一併結束Ruby&lt;br /&gt;&lt;br /&gt;來源：http://ithelp.ithome.com.tw/question/10000145&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6633495985258497326?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6633495985258497326/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6633495985258497326' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6633495985258497326'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6633495985258497326'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/03/ruby.html' title='Ruby執行系統指令'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6401532393558640595</id><published>2011-01-28T01:37:00.003+08:00</published><updated>2011-01-28T01:42:21.213+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Other'/><title type='text'>Google docs無法建立舊文件格式，怎麼辦？</title><content type='html'>Google docs無法建立舊文件格式，怎麼辦？&lt;br /&gt;如何使用Google docs的舊文件格式。（可以設定CSS及編輯HTML的版本）&lt;br /&gt;&lt;br /&gt;其實很簡單，先拿一份舊文件，再按＂檔案＂-&gt;＂建立副本＂即可&lt;br /&gt;如果要讓History很乾淨，就把這份副本＂清單淨＂，然後再建立副本。&lt;br /&gt;&lt;br /&gt;不過這種舊格式，將來會被Google怎麼處理？實在是不知道。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6401532393558640595?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6401532393558640595/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6401532393558640595' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6401532393558640595'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6401532393558640595'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/01/google-docs.html' title='Google docs無法建立舊文件格式，怎麼辦？'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-7602574833403265632</id><published>2011-01-15T12:07:00.003+08:00</published><updated>2011-01-15T12:41:40.250+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby'/><title type='text'>Ruby heredoc note</title><content type='html'>&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;print &lt;&lt;EOF&lt;br /&gt;The price is #{$Price}.&lt;br /&gt;EOF&lt;br /&gt;&lt;br /&gt;print &lt;&lt;"EOF";   # same as above&lt;br /&gt;The price is #{$Price}.&lt;br /&gt;EOF&lt;br /&gt;&lt;br /&gt;print &lt;&lt;`EOC`   # execute commands&lt;br /&gt;echo hi there&lt;br /&gt;echo lo there&lt;br /&gt;EOC&lt;br /&gt;&lt;br /&gt;print &lt;&lt;"foo", &lt;&lt;"bar" # you can stack them&lt;br /&gt;I said foo.&lt;br /&gt;foo&lt;br /&gt;I said bar.&lt;br /&gt;bar&lt;br /&gt;&lt;br /&gt;myfunc(&lt;&lt;"THIS", 23, &lt;&lt;'THAT')&lt;br /&gt;Here's a line&lt;br /&gt;or two.&lt;br /&gt;THIS&lt;br /&gt;and here's another.&lt;br /&gt;THAT&lt;br /&gt;&lt;br /&gt;if need_define_foo&lt;br /&gt;eval &lt;&lt;-EOS   # delimiters can be indented&lt;br /&gt;    def foo&lt;br /&gt;      print "foo\n"&lt;br /&gt;    end&lt;br /&gt;EOS&lt;br /&gt;end&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;From: &lt;a href="http://www.ruby-doc.org/docs/ruby-doc-bundle/Manual/man-1.4/syntax.html#here_doc"&gt;Ruby Language Reference Manual - Syntax&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-7602574833403265632?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/7602574833403265632/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=7602574833403265632' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7602574833403265632'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7602574833403265632'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/01/ruby-heredoc-note.html' title='Ruby heredoc note'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1093000923979829543</id><published>2011-01-15T11:57:00.002+08:00</published><updated>2011-01-15T12:07:00.870+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby on Rails'/><title type='text'>Passenger-top 0.3 released</title><content type='html'>&lt;a href="http://www.openfoundry.org/of/projects/1558/kwiki"&gt;passenger-top&lt;/a&gt; is like unix top command for &lt;a href="http://www.modrails.com/"&gt;passenger&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Ruby on Rails passenger has passenger-status can view instance status. but I wanted it similar to top command, so I created this project. &lt;br /&gt;&lt;br /&gt;Download&lt;br /&gt;checkout or &lt;a href="http://www.openfoundry.org/of/projects/1558/download"&gt;download &lt;/a&gt;“passenger-top.rb“ &lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.openfoundry.org/of/projects/1558/kwiki"&gt;How to use?&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1093000923979829543?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1093000923979829543/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1093000923979829543' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1093000923979829543'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1093000923979829543'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2011/01/passenger-top-03-released.html' title='Passenger-top 0.3 released'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6000027038881097802</id><published>2010-11-25T17:32:00.000+08:00</published><updated>2010-11-25T17:34:07.975+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ubuntu'/><title type='text'>ThinkPad在Linux下的電源管理</title><content type='html'>太久了，已經忘了，但是可以成功。&lt;br /&gt;請參考 http://www.thinkwiki.org/wiki/Tp_smapi&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6000027038881097802?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6000027038881097802/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6000027038881097802' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6000027038881097802'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6000027038881097802'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/11/thinkpadlinux.html' title='ThinkPad在Linux下的電源管理'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1413789359255580443</id><published>2010-11-25T16:53:00.005+08:00</published><updated>2011-05-17T10:30:24.530+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ubuntu'/><title type='text'>Ubuntu的小紅點速度控制及中鍵捲動</title><content type='html'>小紅點速度控制&lt;br /&gt;範例是在Ubuntu 10.10 gnome的環境下（11.04也沒問題）&lt;br /&gt;打開終端機，輸入 &gt; sudo gnome-terminal&lt;br /&gt;不同的視窗環境，可能有不同的terminal，請自行查找。&lt;br /&gt;在新的終端機中輸入下行，則可調至最快的速度&lt;br /&gt;&lt;b&gt;echo -n 255 &gt; /sys/devices/platform/i8042/serio1/speed&lt;/b&gt;&lt;br /&gt;在新的終端機中輸入下行，則可調至預設的速度&lt;br /&gt;&lt;b&gt;echo -n 97 &gt; /sys/devices/platform/i8042/serio1/speed&lt;/b&gt;&lt;br /&gt;重開機後聽說會消失，要寫到&lt;b&gt;/etc/rc.local&lt;/b&gt;中。&lt;br /&gt;&lt;br /&gt;中鍵的部份可安裝“Pointing devices“這個軟體，然後會出現在“系統-&gt;偏好設定“中。&lt;br /&gt;&lt;br /&gt;關於“小紅點“的設定在網路上有許多人提到，有許多亂七八糟的說明，最完整的應是以下這篇吧。&lt;br /&gt;&lt;a href="http://www.thinkwiki.org/wiki/How_to_configure_the_TrackPoint#udev"&gt;How to configure the TrackPoint&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1413789359255580443?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1413789359255580443/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1413789359255580443' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1413789359255580443'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1413789359255580443'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/11/ubuntu.html' title='Ubuntu的小紅點速度控制及中鍵捲動'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-3973153710599393214</id><published>2010-05-11T07:50:00.002+08:00</published><updated>2010-05-11T07:55:31.389+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>jQuery anywhere, YUI anywhere (bookmarklets)</title><content type='html'>以下是兩個 bookmarklets，你可以點擊一下執行，立即給你 ＄＄，不是給你錢啦，是給你 jQuery 的 $ 和 YUI 3 的 Y&lt;br /&gt;&lt;br /&gt;&lt;a href='javascript:(function(){if(typeof window.$!=="undefined"){$.fn&amp;amp;&amp;amp;$.fn.jquery?alert("jQuery "+$.fn.jquery+" is already loaded!"):alert("$ is already defined!");return false}var b,a=document.createElement("script");b=function(){alert("jquery "+$.fn.jquery+" is ready for you.")};a.setAttribute("type","text/javascript");a.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");document.getElementsByTagName("head")[0].appendChild(a);a.onreadystatechange=function(){a.readyState==="complete"&amp;amp;&amp;amp; b()};a.onload=function(){b()}})();'&gt;giveMe$&lt;/a&gt; (jQuery)&lt;br /&gt;&amp;nbsp; &amp;nbsp;&lt;br /&gt;&lt;a href='javascript:(function(){if(typeof window.Y!=="undefined"){alert("Y is already defined!");return false}if(typeof YUI==="function"&amp;amp;&amp;amp;typeof YUI().version==="string"){YUI().use("node",function(b){window.Y=b;alert("YUI "+YUI().version+" is ready for you!")});return false}var c,a=document.createElement("script");c=function(){YUI().use("node",function(b){window.Y=b;alert("YUI "+YUI().version+" is ready for you!")})};a.setAttribute("type","text/javascript");a.setAttribute("src","http://yui.yahooapis.com/3.1.0/build/yui/yui-min.js"); document.getElementsByTagName("head")[0].appendChild(a);a.onreadystatechange=function(){a.readyState==="complete"&amp;amp;&amp;amp;c()};a.onload=function(){c()}})();'&gt;giveMeY&lt;/a&gt; (YUI)&lt;br /&gt;&lt;br /&gt;如果你會需要在別人的網頁動態載入 jQuery 或 YUI (做測試或做壞事?!)，也可以把這兩個連結拖曳到書籤列上，之後隨時可以在任何網頁做動態載入 jQuery 或 YUI3。&lt;br /&gt;&lt;br /&gt;from jsGears.com - wmh&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-3973153710599393214?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://jsgears.com/viewthread.php?tid=411' title='jQuery anywhere, YUI anywhere (bookmarklets)'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/3973153710599393214/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=3973153710599393214' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3973153710599393214'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3973153710599393214'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/05/jquery-anywhere-yui-anywhere.html' title='jQuery anywhere, YUI anywhere (bookmarklets)'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6223961956358818545</id><published>2010-04-30T07:32:00.006+08:00</published><updated>2010-04-30T12:08:44.840+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='GreaseMonkey'/><title type='text'>[GreaseMonkey] google services uging https (強制Google服務使用https)</title><content type='html'>其實Google的Services(e.g. gmail; calendar; docs; spreadsheets)都有支援https，但目前只有gmail可在帳戶中設定，所以就用這個啦，強制其使用https，確保資料的安全性。&lt;br /&gt;&lt;br /&gt;需先安裝&lt;a href="http://www.greasespot.net/"&gt;GreaseMonkey&lt;/a&gt;，Firefox、Google Chrome、Opera、IE都有。&lt;br /&gt;按&lt;a href="http://newname.openfoundry.org/gm_scripts/google_services_https/google_services_https.user.js"&gt;google_services_https&lt;/a&gt;安裝(Install)。&lt;br /&gt;&lt;br /&gt;程式碼如下：&lt;br /&gt;&lt;br /&gt;// ==UserScript==&lt;br /&gt;// @name           Google services https&lt;br /&gt;// @namespace      wangaguo&lt;br /&gt;// @include        http://mail.google.com/*&lt;br /&gt;// @include        http://spreadsheets.google.com/*&lt;br /&gt;// @include        http://docs.google.com/*&lt;br /&gt;// @include        http://www.google.com/calendar/*&lt;br /&gt;// ==/UserScript==&lt;br /&gt;&lt;br /&gt;if(location.href.match(/^http:/i)) location.href = location.href.replace(/^http:/i, "https:");&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6223961956358818545?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6223961956358818545/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6223961956358818545' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6223961956358818545'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6223961956358818545'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/04/greasemonkey-google-services-uging.html' title='[GreaseMonkey] google services uging https (強制Google服務使用https)'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-171679587918196550</id><published>2010-04-30T06:29:00.003+08:00</published><updated>2010-04-30T06:38:43.126+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Other'/><title type='text'>戴爾又出包10萬標1萬，有人說是宣傳手法。</title><content type='html'>＂戴爾又出包10萬標1萬，有人說是宣傳手法＂，針對這句話就產生了一些想法，兩個方向：&lt;br /&gt;１、只是個意外，但怎麼預防？&lt;br /&gt;　這有太多方法了，不想寫給你看！&lt;br /&gt;２、就是要宣傳，但損傷不能太重。&lt;br /&gt;　想說如果故意要這麼做的話，而又不能不出貨。&lt;br /&gt;　可能就得在系統中動手腳，可能出個１０台、３０台，然後下單就會失敗了。&lt;br /&gt;　但是如果故意這麼做，有法律責任嗎？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-171679587918196550?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/171679587918196550/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=171679587918196550' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/171679587918196550'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/171679587918196550'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/04/101.html' title='戴爾又出包10萬標1萬，有人說是宣傳手法。'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4814377446118185709</id><published>2010-03-26T16:11:00.003+08:00</published><updated>2010-03-26T16:16:14.106+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby on Rails'/><title type='text'>Ruby on Rails case when on View</title><content type='html'>竟然無法正常的parase case when syntax語法，必需寫成以下的樣子...&lt;br /&gt;(測試的Rails版本為2.3.4)&lt;br /&gt;&lt;% case 1&lt;br /&gt;     when 1&lt;br /&gt;    %&gt;...1 &lt;%&lt;br /&gt;     when 2&lt;br /&gt;    %&gt;...2 &lt;%&lt;br /&gt;     when 3&lt;br /&gt;    %&gt;...3 &lt;%&lt;br /&gt;end %&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4814377446118185709?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4814377446118185709/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4814377446118185709' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4814377446118185709'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4814377446118185709'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/03/ruby-on-rails-case-when-on-view.html' title='Ruby on Rails case when on View'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2044082558026462008</id><published>2010-03-17T15:33:00.004+08:00</published><updated>2010-03-17T15:43:01.250+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>content height is wrong (iframe auto height)</title><content type='html'>本來寫的iframe自動調整其高度的程式，於昨日新增了某內容頁後，該內容頁無法正確的處理。&lt;br /&gt;經過研究後，其原因是css的影響。&lt;br /&gt;當加入以下style後，javascript就無法取得正確的頁面高度。&lt;br /&gt;body{height: 95%}&lt;br /&gt;&lt;br /&gt;解決方式：&lt;br /&gt;1.移除該樣式。&lt;br /&gt;2.加入清除該樣式的程式碼。&lt;br /&gt;　以jQuery為例：$("body").css("height", "auto");&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2044082558026462008?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2044082558026462008/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2044082558026462008' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2044082558026462008'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2044082558026462008'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/03/content-height-is-wrong-iframe-auto.html' title='content height is wrong (iframe auto height)'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-374689631256506826</id><published>2010-03-17T15:15:00.003+08:00</published><updated>2010-03-17T15:33:02.145+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>gameQuery Javascript game engine</title><content type='html'>從google alert傳來&lt;a href="http://gamequery.onaluf.org"&gt;gameQuery&lt;/a&gt;這東西。&lt;br /&gt;標題寫著「javascript game development made easy」，也試玩了&lt;a href="http://gamequery.onaluf.org/demos.php"&gt;demo&lt;/a&gt;的game，只能說真是了不起，不過真派的上用場嗎？？目前是0.4版，再觀察吧，或許0.9、1.0版時，真的會很不錯。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-374689631256506826?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/374689631256506826/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=374689631256506826' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/374689631256506826'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/374689631256506826'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/03/gamequery-javascript-game-engine.html' title='gameQuery Javascript game engine'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6834958192112338438</id><published>2010-03-10T14:31:00.004+08:00</published><updated>2010-03-10T17:39:30.349+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Other'/><title type='text'>多國語言的代碼"- or _"及大小寫問題</title><content type='html'>多國語言的代碼常見的幾個狀態，zh-tw、zh-TW、zh_TW、tw，那麼我應該使用那一種呢？&lt;br /&gt;通常若是用了某個套件，就會依其要求的去處理，但目前遇到二至N個系統要同步一致，總應該有個標準，或轉換方式，才能使其一致呀。而問題在"- or _"及大小寫。&lt;br /&gt;&lt;br /&gt;參考到此篇「&lt;a href="http://ianjung1974.blogspot.com/2008/04/iso-639-iso-3166-iso-4217.html"&gt;W3C - Language codes，ISO 639 語言代碼，ISO 3166 標準國家代碼，ISO 4217 貨幣代碼&lt;/a&gt;」文章，說明了W3C有相關定義。&lt;br /&gt;&lt;br /&gt;language-code = primary-code ( "-" subcode )*&lt;br /&gt;primary-code︰為 ISO 639 兩個字母的語言縮寫。&lt;br /&gt;subcode︰為 ISO 3166 國家代碼&lt;br /&gt;例如︰繁體中文為中華民國、台灣（tw）在使用，那麼繁體中文的語言代碼就可以定義為（zh-tw）；簡體中文為中華人民共和國（cn）在使用，所以簡體中文的語言代碼定義為（zh-cn）。&lt;br /&gt;&lt;br /&gt;這解決了"- or _"的問題，不過大小寫還是沒有得到解答。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;相關資料︰&lt;br&gt;&lt;a href="http://www.w3.org/" target="_blank"&gt;W3C 全球資訊網聯盟&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/w/index.php?title=W3C&amp;amp;variant=zh-tw" target="_blank"&gt;Wikipedia - 全球資訊網聯盟&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.w3.org/TR/REC-html40/struct/dirlang.html#h-8.1.1" target="_blank"&gt;W3C - 8.1.1 Language codes&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;a href="http://www.iso.org/" target="_blank"&gt;ISO 國際標準化組織的官方網站&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/w/index.php?title=ISO&amp;amp;variant=zh-tw" target="_blank"&gt;Wikipedia - 國際標準化組織&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/wiki/ISO_639" target="_blank"&gt;Wikipedia - ISO 639&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/wiki/ISO_639-1" target="_blank"&gt;Wikipedia - ISO 639-1&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/wiki/ISO_3166" target="_blank"&gt;Wikipedia - ISO 3166&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/wiki/ISO_3166-1" target="_blank"&gt;Wikipedia - ISO 3166-1&lt;/a&gt;&lt;br&gt;&lt;a href="http://zh.wikipedia.org/wiki/ISO_4217" target="_blank"&gt;Wikipedia - ISO 4217&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6834958192112338438?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6834958192112338438/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6834958192112338438' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6834958192112338438'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6834958192112338438'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2010/03/or.html' title='多國語言的代碼&quot;- or _&quot;及大小寫問題'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-8900466360387987784</id><published>2009-12-19T03:41:00.004+08:00</published><updated>2009-12-22T11:43:31.744+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Facebook'/><title type='text'>Facebook auto receive gifts</title><content type='html'>When your facebook gift is too much, You can use the automatic tool.&lt;br /&gt;Use the &lt;a href="http://moztw.org"&gt;Firefox&lt;/a&gt; + &lt;a href="https://addons.mozilla.org/zh-TW/firefox/addon/2079"&gt;Selenium&lt;/a&gt; Add-on.&lt;br /&gt;&lt;br /&gt;Firefox is a browser. such as IE; Opera; Google Chrome.&lt;br /&gt;Selenium is a tool. Is firefox add-on.  The tool can auto control a web pages. For web developers is automatic test.&lt;br /&gt;&lt;br /&gt;    * Install &lt;a href="http://moztw.org"&gt;Firefox&lt;/a&gt; &amp; Run.&lt;br /&gt;    * Install the Selenium Add-On. (Using Firefox open the &lt;a href="https://addons.mozilla.org/zh-TW/firefox/addon/2079"&gt;Selenium&lt;/a&gt; page. Click 'Add to Firefox' button)&lt;br /&gt;    * Download the file '&lt;a href="http://newname.openfoundry.org/selenium/AcceptGift.test"&gt;AcceptGift.test&lt;/a&gt;' used to receive gifts. (Please right-click -&gt; "Save As")&lt;br /&gt;    * Click Firefox -&gt; Tools -&gt; Selenium IDE, Then opened the Selenium.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s1600-h/screenshot.35.jpeg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 317px; height: 320px;" src="http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s320/screenshot.35.jpeg" border="0" alt=""id="BLOGGER_PHOTO_ID_5414026150174285618" /&gt;&lt;/a&gt;&lt;br /&gt;    * Click Selenium-&gt; File -&gt; Open, Choose the 'AcceptGift.test'.&lt;br /&gt;    * Click the &lt;img src="http://1.bp.blogspot.com/_S4MquLqv4ms/SyJ6_dd_fDI/AAAAAAAACL0/g5AiHB7mKRs/s200/screenshot.29.jpeg" border="0"/&gt;"Green Arrow with Dash" button to run, then begin to accept gift.&lt;br /&gt;    * If stop or many gifts is waiting. just click to run again.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;ps. You must already agree the game of gift.&lt;br /&gt;ps.2. In AcceptGift.test. Two lines is receive one gift. So you can copy &amp; paste for more gifts.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-8900466360387987784?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/8900466360387987784/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=8900466360387987784' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/8900466360387987784'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/8900466360387987784'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/12/when-your-facebook-gift-is-too-much-you.html' title='Facebook auto receive gifts'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s72-c/screenshot.35.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2788768596080545696</id><published>2009-12-11T23:42:00.009+08:00</published><updated>2009-12-12T01:45:38.389+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Facebook'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><title type='text'>facebook自動收禮物</title><content type='html'>facebook收到的禮物太多，收的很累嗎？自動收禮物幫助您。&lt;br /&gt;一個簡單的方法，使用&lt;a href="http://moztw.org"&gt;Firefox&lt;/a&gt; + &lt;a href="https://addons.mozilla.org/zh-TW/firefox/addon/2079"&gt;Selenium&lt;/a&gt;。&lt;br /&gt;要開始的可直接看後段步驟。&lt;br /&gt;&lt;br /&gt;Selenium是一個用來自動操作網頁的工具，對網頁開發者而言，可以做自動測試。&lt;br /&gt;這不是幫你玩遊戲，不算機器人，只是禮物太多了，而且收禮物常要來來回回按來按去的，有時很慢又要等很久。&lt;br /&gt;&lt;br /&gt;當然其實這個Selenium當然不只能收禮物，還能...&lt;br /&gt;幫你收錢，放進銀行，還有幫你按任務等等，不過我沒有放出下載，&lt;br /&gt;每個人玩的遊戲不同嘛，也不知有無違反遊戲的規則。&lt;br /&gt;這也算是推廣Firefox嗎？？ cc...&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;先安裝&lt;a href="http://moztw.org"&gt;Firefox&lt;/a&gt;。&lt;/li&gt;&lt;br /&gt;&lt;li&gt;完成後使用Firefox安裝&lt;a href="https://addons.mozilla.org/zh-TW/firefox/addon/2079"&gt;Selenium&lt;/a&gt; Add-On。（請按Add to Firefox按鈕）&lt;/li&gt;&lt;br /&gt;&lt;li&gt;下載用來接收禮物的檔案&lt;a href="http://newname.openfoundry.org/selenium/AcceptGift.test"&gt;AcceptGift.test&lt;/a&gt;。（請按右鍵-&gt;另存）&lt;/li&gt;&lt;br /&gt;&lt;li&gt;按Firefox-&gt;工具-&gt;Selenium IDE，就打開Selenium了。&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s1600-h/screenshot.35.jpeg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 317px; height: 320px;" src="http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s320/screenshot.35.jpeg" border="0" alt=""id="BLOGGER_PHOTO_ID_5414026150174285618" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;按Selenium-&gt;檔案-&gt;Open，再去選擇下載的&lt;a href="http://newname.openfoundry.org/selenium/AcceptGift.test"&gt;AcceptGift.test&lt;/a&gt;。&lt;/li&gt;&lt;br /&gt;&lt;li&gt;再按下&lt;img src="http://1.bp.blogspot.com/_S4MquLqv4ms/SyJ6_dd_fDI/AAAAAAAACL0/g5AiHB7mKRs/s200/screenshot.29.jpeg" border="0"/&gt;＂箭頭＋一條橫線＂的按鈕來執行，就開始收禮物啦。&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;如果沒收完或停住了，只要再按一次執行就OK了。&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;ps.必需是已同意的遊戲收禮物才會成功喔，否則該禮物會出現同意畫面，然後就繼續收下一個禮物了。&lt;br /&gt;ps.2.在Selenium中AcceptGift.test的內容，兩行就是收一個禮物，所以也可以多複制幾組，一次就可多收些禮物，當然中間要順利，有時網頁會有狀況發生，造成停止。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2788768596080545696?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2788768596080545696/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2788768596080545696' title='37 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2788768596080545696'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2788768596080545696'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/12/facebook.html' title='facebook自動收禮物'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_S4MquLqv4ms/SyJ8GU3QXzI/AAAAAAAACL8/XKI0iayOFcY/s72-c/screenshot.35.jpeg' height='72' width='72'/><thr:total>37</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6966170891475155029</id><published>2009-12-04T00:29:00.005+08:00</published><updated>2009-12-11T23:39:27.548+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='AJAX'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>html include html，兩種工具介紹與比較。</title><content type='html'>沒有Server Side的支援，又不想用iframe，想用html include html。&lt;br /&gt;這裡提供兩個選擇，&lt;br /&gt;1.&lt;b&gt;inc-5(jQuery Plugin)&lt;/b&gt;：&lt;a href="http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html"&gt;inc: A super-tiny client-side include JavaScript jQuery plugin&lt;/a&gt;&lt;br /&gt;2.&lt;a href="http://jqueryui.com/demos/tabs/"&gt;jQuery UI - Tabs&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;先說明第２個，&lt;b&gt;jQuery UI - Tabs&lt;/b&gt;，你可以只做一頁，有頭有尾，包函css等，然後用Tab的方式，當按下Tab時，會去載入該頁內容，而該頁只需是沒頭沒尾、乾淨的、只有內容的html code。&lt;br /&gt;優：網頁內容單獨維護，乾淨簡單。&lt;br /&gt;缺：搜尋引擎找到內頁內容時，你只能讓人看到白白的純HTML。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;inc-5&lt;/b&gt;，網頁中就有範例。實做上有兩種大方向：&lt;br /&gt;1.同jQuery UI - Tabs，只做一個page，onclick時再動態載入需要的內容。&lt;br /&gt;2.每個page獨立，可以用javascript的方式，動態載入header或footer之類include用的檔案。&lt;br /&gt;個人還沒有實做，但猜想：每個Page可以用最簡單的方式，但或許要包函一點必備的html頭尾及inc-5等，其它的網頁頭尾用inc-5，網頁其它設定及需求，都用js動態載入動態處理，或某些可寫在header.inc中。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6966170891475155029?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6966170891475155029/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6966170891475155029' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6966170891475155029'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6966170891475155029'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/12/html-include-html.html' title='html include html，兩種工具介紹與比較。'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6422189421093032821</id><published>2009-11-19T09:45:00.006+08:00</published><updated>2011-01-28T03:27:13.538+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby'/><title type='text'>使用Ruby修改檔案內容</title><content type='html'>以下是使用Ruby修改檔案，主要目的是修改sympa(mailing list)中許多目錄(list)中的config檔案內容。&lt;br /&gt;using ruby modify file content.&lt;br /&gt;config的內容中找到"owner_include"區段將"profile normal"替換成"profile privileged"。&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;--&lt;br /&gt;Dir.chdir("/usr/local/sympa/expl")&lt;br /&gt;Dir.glob("*-*").each do |x|&lt;br /&gt;  if File::directory?(x)&lt;br /&gt;    config_file = File.join(x, 'config')&lt;br /&gt;    if File.exist?(config_file)&lt;br /&gt;      puts config_file&lt;br /&gt;      flag = false&lt;br /&gt;      File.open(config_file, 'r+') do |f|&lt;br /&gt;        out = ""&lt;br /&gt;        f.each do |line|&lt;br /&gt;          if line =~ /owner_include/&lt;br /&gt;            flag = true&lt;br /&gt;          elsif line =~ /^$/&lt;br /&gt;            flag = false&lt;br /&gt;          elsif flag == true&lt;br /&gt;            if line =~ /profile normal/&lt;br /&gt;              line = "profile privileged\n"&lt;br /&gt;            end&lt;br /&gt;          end&lt;br /&gt;          out &lt;&lt; line&lt;br /&gt;        end&lt;br /&gt;        #write to file&lt;br /&gt;        f.pos = 0 #from line 1&lt;br /&gt;        f.print out #write&lt;br /&gt;        f.truncate(f.pos) #truncate after current position&lt;br /&gt;      end&lt;br /&gt;    end&lt;br /&gt;  end&lt;br /&gt;end&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6422189421093032821?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6422189421093032821/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6422189421093032821' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6422189421093032821'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6422189421093032821'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/11/ruby.html' title='使用Ruby修改檔案內容'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-3181938785214570474</id><published>2009-05-08T13:08:00.001+08:00</published><updated>2009-12-12T02:11:40.661+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><title type='text'>各種版本IE的網頁測試</title><content type='html'>請出&lt;a href="http://www.my-debugbar.com/wiki/IETester/HomePage"&gt;IETester&lt;/a&gt;，建立出一個多版本的IE測試環境。&lt;br /&gt;可安裝在Windows 7, Vista and XP，可測試IE8, IE7 IE 6 and IE5.5。&lt;br /&gt;這可比弄好幾套OS簡單的多了。&lt;br /&gt;&lt;br /&gt;IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-3181938785214570474?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/3181938785214570474/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=3181938785214570474' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3181938785214570474'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3181938785214570474'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/05/vistaie6.html' title='各種版本IE的網頁測試'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-221335586384945821</id><published>2009-04-08T16:21:00.001+08:00</published><updated>2009-04-08T17:14:53.956+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>推! MiniJQueryLab</title><content type='html'>不錯的工具，可以測試jQuery，也可以測JavaScript、HTML和CSS。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-221335586384945821?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.darkthread.net/MiniJQueryLab/' title='推! MiniJQueryLab'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/221335586384945821/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=221335586384945821' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/221335586384945821'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/221335586384945821'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/04/minijquerylab.html' title='推! MiniJQueryLab'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6230945216126913195</id><published>2009-03-13T14:51:00.000+08:00</published><updated>2009-03-13T14:53:29.791+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>[程式]讓你Javascript更小更正確-用JSLint檢查語法，用Packer壓縮</title><content type='html'>由於javascript是一個結構非常鬆散的物件語言，在寫javascript的時候，常常很容易出現缺失，有時候可能少了一個逗點(,)，也有可能少個分號(;)，結果卻依然可以執行。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://blog.finalevil.com/2008/06/javascript-jslintpacker.html"&gt;詳全文&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6230945216126913195?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://blog.finalevil.com/2008/06/javascript-jslintpacker.html' title='[程式]讓你Javascript更小更正確-用JSLint檢查語法，用Packer壓縮'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6230945216126913195/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6230945216126913195' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6230945216126913195'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6230945216126913195'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/03/javascript-jslintpacker.html' title='[程式]讓你Javascript更小更正確-用JSLint檢查語法，用Packer壓縮'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2093506477316081513</id><published>2009-03-07T05:00:00.006+08:00</published><updated>2009-03-09T09:39:17.454+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='Ruby on Rails'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='OpenFoundry'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><title type='text'>HTML原始檔中js及css後面加了＂?數字＂是什麼用途？</title><content type='html'>在Ruby on Rails產生的網頁原始碼中總看到assets的後面會多一段數字，像是：&lt;br /&gt;&amp;lt;script src="/javascripts/cache/bundle.js?1236331223" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;現在才知道這是為了讓確保使用者能夠拿到最新的javascript或css檔案。&lt;br /&gt;&lt;br /&gt;看到一個Plugins - Asset timestamping，會把最後修改的timestamp加到URL中，但是plugin的comment中就有人回應「Looks like assets are timestamped in Rails automatically now (v 1.1+)」，可能這是很舊的plugin了吧!&lt;br /&gt;&lt;br /&gt;做了測試用Live HTTP Headers去看:&lt;br /&gt;1.先隨便試一個js檔，如：http://wadevelop.blogspot.com/xxx.js?12345&lt;br /&gt;  Cotent-Length:9999&lt;br /&gt;2.再開新的tab，一樣連到http://wadevelop.blogspot.com/xxx.js?12345&lt;br /&gt;  Cotent-Length:0&lt;br /&gt;3.然後換連到http://wadevelop.blogspot.com/xxx.js?abcde&lt;br /&gt;  Cotent-Length:9999&lt;br /&gt;證明了?後面更新timestamp，使用者就不會使用cache，而會重新載入js或css檔案。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2093506477316081513?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2093506477316081513/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2093506477316081513' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2093506477316081513'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2093506477316081513'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/03/ruby-on-railsassets-0a3cscript20src3d22.html' title='HTML原始檔中js及css後面加了＂?數字＂是什麼用途？'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6501094175869699186</id><published>2009-03-02T21:50:00.005+08:00</published><updated>2011-10-28T10:12:48.810+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>完整的iframe auto height程式(在iframe內容頁中處理)</title><content type='html'>全部參考：&lt;br /&gt;1.&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/a&gt;&lt;br /&gt;2.&lt;a href="http://wadevelop.blogspot.com/2008/12/iframe-auto-height-clientheightoffsethe.html"&gt;處理iframe auto height(Iframe自適應高度)&lt;/a&gt;&lt;br /&gt;3.&lt;a href="http://wadevelop.blogspot.com/2009/02/iframe-auto-heightiframe.html"&gt;處理iframe auto height(Iframe自適應高度) - 相關問題紀錄&lt;/a&gt;&lt;br /&gt;4.&lt;a href="http://wadevelop.blogspot.com/2009/03/iframe-auto-heightiframe.html"&gt;完整的iframe auto height程式(在iframe內容頁中處理)&lt;/a&gt;&lt;br /&gt;5.或許你想要 "&lt;a href="http://wadevelop.blogspot.com/2009/12/html-include-html.html"&gt;html include html，兩種工具介紹。&lt;/a&gt;"&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;以下是一個完整的iframe auto height程式，放在iframe內容頁的網頁中即可。&lt;br /&gt;程式使用了google的AJAX Libraries API來載入jQuery，並使用jQuery來處理部份的程式。&lt;br /&gt;不需要在iframe設定name或id，因為程式會找到自己的iframe。&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"&gt;&lt;/script&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt;&lt;br /&gt;&lt;br /&gt;  $(document).ready(function(){&lt;br /&gt;    iframe_auto_height(); //當文件ready時才能正確取得iframe內容的高度&lt;br /&gt;  });&lt;br /&gt;&lt;br /&gt;  //iframe auto height主程式&lt;br /&gt;  function iframe_auto_height(){&lt;br /&gt;    if(!this.in_site()) return;&lt;br /&gt;    var iframe;&lt;br /&gt;    $(parent.document).find("iframe").map(function(){ //找到自己的iframe&lt;br /&gt;      if($(this).contents().get(0).location == window.location) iframe = this;&lt;br /&gt;    });&lt;br /&gt;    if(!iframe) return;//no parent&lt;br /&gt;    var content_height = $("body").height()+50;&lt;br /&gt;    content_height = content_height &lt; 300 ? 300 : content_height; //設定最小高度&lt;br /&gt;    content_height = typeof content_height == 'number' ? content_height+"px" : content_height;&lt;br /&gt;    iframe.style.height = content_height;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  //判斷是否在網頁的iframe之中&lt;br /&gt;  function in_site(){&lt;br /&gt;    if(parent != window &amp;&amp; this.is_crosssite() == false) return(true);&lt;br /&gt;    return(false);&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  //判斷是否跨站(可能是別人嵌入了你的網頁)&lt;br /&gt;  function is_crosssite() {&lt;br /&gt;    try {&lt;br /&gt;      parent.location.host;&lt;br /&gt;      return(false);&lt;br /&gt;    }&lt;br /&gt;    catch(e) {&lt;br /&gt;      return(true);&lt;br /&gt;    }&lt;br /&gt;  }&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6501094175869699186?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6501094175869699186/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6501094175869699186' title='4 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6501094175869699186'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6501094175869699186'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/03/iframe-auto-heightiframe.html' title='完整的iframe auto height程式(在iframe內容頁中處理)'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1978569815239818329</id><published>2009-02-02T22:40:00.009+08:00</published><updated>2009-12-11T23:40:20.102+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>處理iframe auto height(Iframe自適應高度) - 相關問題紀錄</title><content type='html'>全部參考：&lt;br /&gt;1.&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/a&gt;&lt;br /&gt;2.&lt;a href="http://wadevelop.blogspot.com/2008/12/iframe-auto-height-clientheightoffsethe.html"&gt;處理iframe auto height(Iframe自適應高度)&lt;/a&gt;&lt;br /&gt;3.&lt;a href="http://wadevelop.blogspot.com/2009/02/iframe-auto-heightiframe.html"&gt;處理iframe auto height(Iframe自適應高度) - 相關問題紀錄&lt;/a&gt;&lt;br /&gt;4.&lt;a href="http://wadevelop.blogspot.com/2009/03/iframe-auto-heightiframe.html"&gt;完整的iframe auto height程式(在iframe內容頁中處理)&lt;/a&gt;&lt;br /&gt;5.或許你想要 "&lt;a href="http://wadevelop.blogspot.com/2009/12/html-include-html.html"&gt;html include html，兩種工具介紹。&lt;/a&gt;"&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;請注意以下內容都是在iframe onload時處理的。&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;parent不存在的問題&lt;/h3&gt;&lt;br /&gt;1.可能是用google找到了iframe的內容，這時沒有parent&lt;br /&gt;2.iframe有時會單獨存在（被單獨開啟）&lt;br /&gt;，這時若去執行iframe_auto_height()，當然會有錯誤發生。&lt;br /&gt;判斷的方法是if(parent != window)時才執行。&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;parent和iframe是cross site的問題&lt;/h3&gt;&lt;br /&gt;1.有時可能別人的網站，用iframe嵌入你的iframe內容&lt;br /&gt;寫了以下is_crosssite()來判斷是不是cross site，應和［parent不存在的問題］同時判斷&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;function is_crosssite() {&lt;br /&gt;  try {&lt;br /&gt;    parent.location.host;&lt;br /&gt;    return(false);&lt;br /&gt;  }&lt;br /&gt;  catch(e) {&lt;br /&gt;    return(true);&lt;br /&gt;  }&lt;br /&gt;}&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/h3&gt;&lt;br /&gt;請參考&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;在子網域SubDomain的情形&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;parent不是自己的網站時（或iframe單獨存在時），想要加上logo或header &amp; footer&lt;/h3&gt;&lt;br /&gt;1.有時可能別人的網站，用iframe嵌入你的iframe內容&lt;br /&gt;2.可能是用google找到了iframe的內容，這時沒有parent&lt;br /&gt;3.iframe有時會單獨存在（被單獨開啟）&lt;br /&gt;以下是使用jQuery將logo附加在頁面的右下角&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;//如果cross site就加上logo&lt;br /&gt;if(parent == window || is_crosssite())&lt;br /&gt;{&lt;br /&gt;  $("body").append('&lt;a href="http://www.openfoundry.org" target="_blank"&gt;&lt;img src="http://www.openfoundry.org/Powered-by-OSSF-180x50" style="border:none; float:right;"&gt;&lt;/a&gt;');&lt;br /&gt;}&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;iframe中的link是完整網頁時（或別人的網站）&lt;/h3&gt;&lt;br /&gt;1.不是link到iframe的內容，是link到parent的頁面&lt;br /&gt;2.可能是link到別人的網站。&lt;br /&gt;就是已包函外框的網頁，不適合放在iframe中，會破壞畫面，變成一層一層的。&lt;br /&gt;這時最好使link&amp;lt;a&amp;gt;的target是_top或_blank，才不會開在iframe中。&lt;br /&gt;以下是使用jQuery去改變http:開頭的target都變成_top，所以自己的內部連結都不應用完整的網址。&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;//在iframe中就需改變link target&lt;br /&gt;if(parent != window){&lt;br /&gt;  $("a[href*='http:']").attr("target","_top"); //external link&lt;br /&gt;}&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1978569815239818329?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1978569815239818329/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1978569815239818329' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1978569815239818329'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1978569815239818329'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2009/02/iframe-auto-heightiframe.html' title='處理iframe auto height(Iframe自適應高度) - 相關問題紀錄'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4913099404008730835</id><published>2008-12-27T03:05:00.000+08:00</published><updated>2008-12-27T03:12:37.056+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='AJAX'/><title type='text'>Which is the best JavaScript and Ajax framework?</title><content type='html'>* jQuery (52%, 356 Votes)&lt;br /&gt;    * Dojo (14%, 99 Votes)&lt;br /&gt;    * Prototype.js (13%, 91 Votes)&lt;br /&gt;    * Ext.js (9%, 62 Votes)&lt;br /&gt;    * Mootools (7%, 47 Votes)&lt;br /&gt;    * YUI (Yahoo User Interface) (7%, 45 Votes)&lt;br /&gt;Total Voters: 690&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4913099404008730835?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://roshanbh.com.np/2008/06/which-is-the-best-javascript-ajax-framework.html' title='Which is the best JavaScript and Ajax framework?'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4913099404008730835/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4913099404008730835' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4913099404008730835'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4913099404008730835'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/which-is-best-javascript-and-ajax.html' title='Which is the best JavaScript and Ajax framework?'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-46776088081512615</id><published>2008-12-24T15:11:00.006+08:00</published><updated>2009-02-11T09:59:42.792+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ruby on Rails'/><category scheme='http://www.blogger.com/atom/ns#' term='OpenFoundry'/><title type='text'>ROR Production mode改code不想restart，code寫在view中</title><content type='html'>Ruby on Rails在Production的模式中，有時偷懶不想在controller中寫action，因為controller中的修改需restart server, view則不需要，打算把code寫在view裏面，然後呼叫/controller/action，結果一點反應也沒有。&lt;br /&gt;&lt;br /&gt;要記住！！剛新增的view還是要先&lt;b&gt;&lt;em&gt;restart server&lt;/em&gt;&lt;/b&gt;一次，server才會知道有view的action可以呼叫，之後修改code就比較方便做測試。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-46776088081512615?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/46776088081512615/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=46776088081512615' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/46776088081512615'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/46776088081512615'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/production-modecoderestartcodeview.html' title='ROR Production mode改code不想restart，code寫在view中'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4664782453403129441</id><published>2008-12-24T07:15:00.018+08:00</published><updated>2009-12-11T23:40:20.103+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>處理iframe auto height(Iframe自適應高度)</title><content type='html'>全部參考：&lt;br /&gt;1.&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/a&gt;&lt;br /&gt;2.&lt;a href="http://wadevelop.blogspot.com/2008/12/iframe-auto-height-clientheightoffsethe.html"&gt;處理iframe auto height(Iframe自適應高度)&lt;/a&gt;&lt;br /&gt;3.&lt;a href="http://wadevelop.blogspot.com/2009/02/iframe-auto-heightiframe.html"&gt;處理iframe auto height(Iframe自適應高度) - 相關問題紀錄&lt;/a&gt;&lt;br /&gt;4.&lt;a href="http://wadevelop.blogspot.com/2009/03/iframe-auto-heightiframe.html"&gt;完整的iframe auto height程式(在iframe內容頁中處理)&lt;/a&gt;&lt;br /&gt;5.或許你想要 "&lt;a href="http://wadevelop.blogspot.com/2009/12/html-include-html.html"&gt;html include html，兩種工具介紹。&lt;/a&gt;"&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;注意&lt;/h3&gt;&lt;br /&gt;1.現在會寫下這篇的主要原因在於google chrome中，iframe的高度，會不斷的增高，當不斷按下iframe.content中的連接時，會不斷的reload。&lt;br /&gt;2.這篇無法處理cross site的問題，先前有一篇「&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/a&gt;」&lt;br /&gt;3.請參考&lt;a href="/2009/02/iframe-auto-heightiframe.html"&gt;處理iframe auto height(Iframe自適應高度) - 相關問題紀錄&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;處理的過程是&lt;/h3&gt;&lt;br /&gt;1.是從iframe的onload事件處理&lt;br /&gt;2.或是從iframe content的onload事件處理&lt;br /&gt;3.將iframe.height設成iframe.content.height。&lt;br /&gt;&lt;br /&gt;但過程中就會遇到很多問題&lt;br /&gt;&lt;h3&gt;Iframe 的onload事件&lt;/h3&gt;&lt;br /&gt;1.在Linux的Konqueror中似乎只有第一次, 之後內容的改變都不會再onload.&lt;br /&gt;2.Mac的Safari似乎沒有這個onload事件, 因此Iframe先預設高度為2000px.&lt;br /&gt;3.而IE 6; Firefox 2; Opera 9都沒有問題.&lt;br /&gt;&lt;br /&gt;這個onload問題決定的是，要在iframe或iframe.content的onload事件來處理&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;iframe.content.height的取得問題&lt;/h3&gt;&lt;br /&gt;和height有關的屬性有clientHeight、offsetHeight和scrollHeight，參考 &lt;a href="http://www.tsolong.com/post/355.html"&gt;http://www.tsolong.com/post/355.html&lt;/a&gt;&lt;br /&gt;1.每個Browser的定義不相同&lt;br /&gt;* 參考同上。&lt;br /&gt;&lt;br /&gt;2.當設DOCTYPE後還會產生變化&lt;br /&gt;* 目前的測試是，沒加的話，３種高度Height會依Browser的設定&lt;br /&gt;* 有加的話，不論那一種，３種高度Height都同樣拿到scrollHeight的值。&lt;br /&gt;&lt;br /&gt;3.想說用jquery來取得height，也會受DOCTYPE設定的影响&lt;br /&gt;用alert($("body").height()+" "+$("body").outerHeight()+" "+$("body").innerHeight());來測&lt;br /&gt;* 在chrome和firefox中，不論DOCTYPE設什麼，或沒有設，３種高度都同樣拿到scrollHeight的值。&lt;br /&gt;* 在IE7中，DOCTYPE有設，３種高度都同樣拿到scrollHeight的值。&lt;br /&gt;* DOCTYPE沒設，３種高度都同樣拿到像是clientHeight的值。&lt;br /&gt;* 需在每個頁面加入jquery.js&lt;br /&gt;&lt;br /&gt;4.chrome中的iframe.document.body.scrollHeight會受iframe.height影响,&lt;br /&gt;5.本文後面還遇到css設定position:absolute影响高度的問題&lt;br /&gt;&lt;br /&gt;以上問題試了好幾個小時，覺得這真是個有點難解。&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;目前的解法&lt;/h3&gt;&lt;br /&gt;1.在iframe的onload中處理&lt;br /&gt;2.每個iframe content一定要有DOCTYPE(解決chrome的問題，才能用offsetHeight)&lt;br /&gt;3.用offsetHeight的值(解決chrome的問題)&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;script type="text/javascript" src="http://of.openfoundry.org/javascripts/prototype.js"&gt;&lt;/script&gt;&lt;br /&gt;&lt;script type="text/javascript" &gt;&lt;br /&gt;function iframe_auto_height(fid)&lt;br /&gt;{&lt;br /&gt;  var iframe = $(fid);&lt;br /&gt;  var content_height = iframe.contentWindow.document.body.offsetHeight+50;&lt;br /&gt;  content_height = content_height &lt; 400 ? 400 : content_height; //set minimal height&lt;br /&gt;  content_height = typeof content_height == 'number' ? content_height+"px" : content_height&lt;br /&gt;  iframe.setStyle({height:content_height});&lt;br /&gt;  //上一行是Prototype JavaScript framework的語法，所以要先引用prototype.js，而且雖然iframe onload已傳入this，還是得再做一次$(fid)，才能使用setStyle。&lt;br /&gt;}&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;iframe onload="iframe_auto_height(this);" src="iframe_content.html" id="of_module" name="of_module" frameborder="0" style="height:200px;"&gt;&lt;/iframe&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;這段code已測試的，Firefox3、IE7、Chrome。&lt;br /&gt;還想在Konqueror、Safari、Opera、IE6中做測試。&lt;br /&gt;不敢保證用offsetHeight在未測試的Browser或舊版本中不會遇到問題。&lt;br /&gt;在iframe.onload中處理，也可能有瀏覽器會遇到問題。&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;實際運用後又遇到問題&lt;/h3&gt;&lt;br /&gt;http://of.openfoundry.org/projects/1/sympa&lt;br /&gt;在網站連接sympa(mailing list system)的時候，設高度的功能硬是失效，原來拿到的content.height是０，為什麼是０呢？&lt;br /&gt;經檢查發現以下片段&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;style&gt;&lt;br /&gt;#Canvas {&lt;br /&gt;position: absolute;&lt;br /&gt;width: 98%;&lt;br /&gt;margin: 7px 7px 0px 7px;&lt;br /&gt;}&lt;br /&gt;&lt;/style&gt;&lt;br /&gt;&lt;br /&gt;......&lt;br /&gt;&lt;br /&gt;&lt;body&gt;&lt;br /&gt;&lt;div id="Canvas"&gt;&lt;br /&gt;  &lt;div id="Header"&gt;&lt;br /&gt;  ..............&lt;br /&gt;  ..............&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/body&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;名為Canvas的div將整個網頁包住了，並且設為position: absolute;，造成Canvas像是定在那裏，而整個網頁並沒有高度。(目前只確定Firefox3有這問題，其它Browser沒有測試)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4664782453403129441?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4664782453403129441/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4664782453403129441' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4664782453403129441'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4664782453403129441'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/iframe-auto-height-clientheightoffsethe.html' title='處理iframe auto height(Iframe自適應高度)'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-7014130294225312420</id><published>2008-12-23T14:57:00.001+08:00</published><updated>2008-12-23T15:08:48.675+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Perl'/><title type='text'>Perl的中文問題</title><content type='html'>為什麼要用 UTF-8 mode 執行 perl 呢？因為 Perl 的字串預設是 byte string, &lt;br /&gt;在程式中要處理中文字時, 就無法如預期的執行.&lt;br /&gt;在程式最前面加上下面程式碼：&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;use utf8;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;詳細參考 &lt;a href="http://www.jeffhung.net/blog/articles/jeffhung/417/"&gt;Perl with UTF-8 mode&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-7014130294225312420?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/7014130294225312420/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=7014130294225312420' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7014130294225312420'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7014130294225312420'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/perl.html' title='Perl的中文問題'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2014913867334423787</id><published>2008-12-23T14:42:00.004+08:00</published><updated>2008-12-23T14:45:31.098+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>IE7中只認得gray, 不認得grey</title><content type='html'>要用jquery來改背景顏色為灰色, 用了以下的語法&lt;br /&gt;$("#abc").css("background-color","grey");&lt;br /&gt;結果在IE7中出現錯誤訊息"內容值無效", firefox則是正確的.&lt;br /&gt;原來英文grey = gray&lt;br /&gt;但在IE7中只認得gray, 用grey會出現錯誤訊息"內容值無效".&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2014913867334423787?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2014913867334423787/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2014913867334423787' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2014913867334423787'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2014913867334423787'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/ie7gray-grey.html' title='IE7中只認得gray, 不認得grey'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1816010973749888550</id><published>2008-12-23T14:35:00.002+08:00</published><updated>2009-12-11T23:42:03.361+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>在IE的table-&gt;td中若沒有值</title><content type='html'>在IE的table-&gt;td中若沒有值, 會連border都不見了.&lt;br /&gt; 解決的方法是&lt;br /&gt; 1.加入「空白」或「&amp;amp;nbsp;」, 可以用jquery替空白的td加入, $("td:empty").html('&amp;amp;nbsp;');&lt;br /&gt; 2.本來希望CSS可以解決但是empty-cells:show卻不被IE支援...&lt;br /&gt; &lt;br /&gt; 這篇&lt;a href="http://www.quirksmode.org/css/tables.html"&gt;Fun with tables&lt;/a&gt;, 講了不少Table的問題.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1816010973749888550?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1816010973749888550/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1816010973749888550' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1816010973749888550'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1816010973749888550'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/12/ietable-td.html' title='在IE的table-&gt;td中若沒有值'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6904559453842754636</id><published>2008-05-08T21:07:00.000+08:00</published><updated>2008-05-09T14:40:47.779+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><title type='text'>用shell script 寫MLB 先發投手(Probable Pitchers)的查詢</title><content type='html'>想知道幾個有興趣的投手, 接下來幾天是否先發, 因此用sh去MLB的網頁查詢, 將五天內的先發資料找出來, 並寄信到自己的信箱, 每天就可以去看看這些投手的比賽狀況, 而不用每次在一堆資料中找出投手是否先發, 或是那一天先發, 實在是輕鬆了不少.&lt;br /&gt;最大的目的, 是除了看王建民先發外, 也關心那些和王建民在爭投王的投手, 以及電玩人投手的情形.&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;#!/bin/sh&lt;br /&gt;&lt;br /&gt;mymatch()&lt;br /&gt;{&lt;br /&gt;  name=`echo $1 | perl -ne '$_ =~ /^(.*)\|.*/; print $1;'`&lt;br /&gt;  team=`echo $1 | perl -ne '$_ =~ /^.*\|(.*)/; print $1;'`&lt;br /&gt;  if grep -e "&gt;$name," $pp_html; then&lt;br /&gt;    echo "  $team, $name" &gt;&gt; $pp_txt&lt;br /&gt;  fi&lt;br /&gt;  #grep -e "$1," $pp_html | perl -ne '$_ =~ m/b&gt;([a-zA-Z-.]*\s\w*,\s[A-Z]*)/; print $1 . "\n";' &gt;&gt; $pp_txt&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;pp_html=ProbablePitchers.html&lt;br /&gt;pp_txt=ProbablePitchers.txt&lt;br /&gt;&lt;br /&gt;echo "" &gt; $pp_txt&lt;br /&gt;&lt;br /&gt;days="-1d#+0d#+1d#+2d#+3d"&lt;br /&gt;pitchers="Chien-Ming Wang|NYY#Andy Pettitte|NYY#Mike Mussina|NYY#Darrell Rasner|NYY#Kei Igawa|NYY#Phil Hughes|NYY#Ian Kennedy|NYY#Ervin Santana|LAA#Joe aunders|LAA#Cliff Lee|CLE#C.C. Sabathia|CLE#Daisuke Matsuzaka|BOS#Josh Beckett|BOS#Johan Santana|NYM#Brandon Webb|ARI#Roy Halladay|TOR"&lt;br /&gt;IFS=#&lt;br /&gt;for day in $days; do&lt;br /&gt;  d=`date -v $day "+%Y%m%d"`&lt;br /&gt;  fetch -o $pp_html 'http://mlb.mlb.com/news/probable_pitchers.jsp?c_id=mb&amp;ymd='$d&lt;br /&gt;  echo "$d" &gt;&gt; $pp_txt&lt;br /&gt;&lt;br /&gt;  for pitcher in $pitchers; do&lt;br /&gt;    mymatch $pitcher&lt;br /&gt;  done&lt;br /&gt;&lt;br /&gt;  echo "" &gt;&gt; $pp_txt&lt;br /&gt;done&lt;br /&gt;&lt;br /&gt;echo "Tracing Pitchers" &gt;&gt; $pp_txt&lt;br /&gt;  for pitcher in $pitchers; do&lt;br /&gt;    echo "  $pitcher" &gt;&gt; $pp_txt&lt;br /&gt;  done&lt;br /&gt;&lt;br /&gt;today=`date "+%Y/%m/%d"`&lt;br /&gt;tail -n100 $pp_txt | mail -s "[MLB]Probable Pitchers ($today)" "yourmail@gmail.com"&lt;br /&gt;rm $pp_html $pp_txt&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6904559453842754636?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6904559453842754636/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6904559453842754636' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6904559453842754636'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6904559453842754636'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2008/05/probable-pitchers.html' title='用shell script 寫MLB 先發投手(Probable Pitchers)的查詢'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-362393869167515276</id><published>2007-11-08T04:10:00.000+08:00</published><updated>2007-11-08T04:15:36.909+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web Server'/><title type='text'>Apache2 的 httpd.conf 翻譯</title><content type='html'>Apache2 httpd.conf 設定檔的翻譯&lt;br /&gt;內容是從http://blog.longwin.com.tw/archives/cat_oslinux_bsd.html剪來的, 原文的連結也都找不到東西, 所以...參考參考, 對httpd.conf不熟的應該有用, 先留下來先&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;Apache2 httpd.conf 設定檔的翻譯.&lt;br /&gt;&lt;br /&gt;以下轉載自: Apache2的httpd.conf翻译&lt;br /&gt;提交人: neosnake 时间: 四, 01/20/2005 - 15:04&lt;br /&gt;&lt;br /&gt;Apache2的httpd.conf翻译&lt;br /&gt;摘自http://www.linuxaid.com.cn/forum/&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 基于 NCSA 服务的配置文件。&lt;br /&gt;#&lt;br /&gt;#这是Apache服务器主要配置文件。&lt;br /&gt;#它包含服务器的影响服务器运行的配置指令。&lt;br /&gt;#参见以取得关于这些指令的详细信息&lt;br /&gt;#&lt;br /&gt;#不要只是简单的阅读这些指令信息而不去理解它。&lt;br /&gt;#这里只是做了简单的说明，如果你没有参考在线文件，你就会被警告。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#这些配置指令被分为下面三个部分：&lt;br /&gt;#1. 控制整个Apache服务器行为的部分（即全局环境变量）&lt;br /&gt;#2. 定义主要或者默认服务参数的指令，也为所有虚拟主机提供默认的设置参数&lt;br /&gt;#3. 虚拟主机的设置参数&lt;br /&gt;#&lt;br /&gt;#配置和日志文件名：如果你指定的文件名以“/”开始（win32下以“dirver:/”），&lt;br /&gt;#服务器将使用绝对路径，如果文件名不是以“/”开始的，那么它将把ServerRoot&lt;br /&gt;#的值附加在文件名的前面，例如，对“logs/foo.log"，如果ServerRoot的值&lt;br /&gt;#为“/usr/local/apache2”，则该文件应为“/usr/local/apache2/logs/foo.log”&lt;br /&gt;#&lt;br /&gt;##第一区：全局环境参数&lt;br /&gt;#&lt;br /&gt;#这里设置的参数将影响整个Apache服务器的行为；&lt;br /&gt;#例如Apache能够处理的并发请求的数量等。&lt;br /&gt;#&lt;br /&gt;#ServerRoot:指出服务器保存其配置、出错和日志文件等的根目录。&lt;br /&gt;#&lt;br /&gt;#注意！如果你想要将它指定为NFS或其它网络上的位置，&lt;br /&gt;#请一定要去阅读与LockFile有关的文档（可能在&lt;br /&gt;#)。&lt;br /&gt;#这将会使你自己也能解决很多问题。&lt;br /&gt;#&lt;br /&gt;#路径的结尾不要添加斜线。&lt;br /&gt;#&lt;br /&gt;ServerRoot "/usr/loacl/apache2"&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#串行访问的锁文件必须保存在本地磁盘上&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#LockFile logs/accept.lock&lt;br /&gt;&lt;br /&gt;#ScoreBoardFile:用来保存内部服务进程信息的文件。&lt;br /&gt;#如果未指明（默认），记分板（scoreboard）将被保存在一个匿名的共享内存段中，&lt;br /&gt;#并且它不能被第三方软件所使用。&lt;br /&gt;#如果指定了，要确保不能使用两个Apache使用同一个记分板文件，&lt;br /&gt;#这个记分板文件必须保存在本地磁盘上。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#ScoreBoardFile logs/apache_runtime_status&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#PidFile:记录服务器启动进程号的文件。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;PidFile logs/httpd.pid&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#Timeout:接收和发送前超时秒数&lt;br /&gt;#&lt;br /&gt;Timeout 300&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#KeepAlive:是否允许稳固的连接（每个连接有多个请求），&lt;br /&gt;#设为"Off"则停用。&lt;br /&gt;#&lt;br /&gt;KeepAlive On&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#MaxKeepAliveRequests:在稳固连接期间允许的最大请求数，&lt;br /&gt;#设为0表示无限制接入。&lt;br /&gt;#我们推荐你将其设为一个较大的值，以便提高性能&lt;br /&gt;MaxKeepAliveRequests 100&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;#KeepAliveTimeout:在同一个连接上从同一台客户上接收请求的秒数&lt;br /&gt;#&lt;br /&gt;KeepAliveTimeout 15&lt;br /&gt;&lt;br /&gt;##&lt;br /&gt;##Server-Pool大小设定（针对MPM的）&lt;br /&gt;##&lt;br /&gt;&lt;br /&gt;# prefork MPM&lt;br /&gt;# StartServers:启动时服务器启动的进程数&lt;br /&gt;# MinSpareServers:保有的备用进程的最小数目&lt;br /&gt;# MaxSpareServers:保有的备用进程的最大数目&lt;br /&gt;# MaxClients:服务器允许启动的最大进程数&lt;br /&gt;# MaxRequestsPerChild:一个服务进程允许的最大请求数&lt;br /&gt;&lt;br /&gt;StartServers 5&lt;br /&gt;MinSpareServers 5&lt;br /&gt;MaxSpareServers 10&lt;br /&gt;MaxClients 150&lt;br /&gt;MaxRequestPerChild 0&lt;br /&gt;&lt;br /&gt;# worker MPM&lt;br /&gt;# StartServers:服务器启动时的服务进程数目&lt;br /&gt;# MaxClients:允许同时连接的最大用户数目&lt;br /&gt;# MinSpareThreads:保有的最小工作线程数目&lt;br /&gt;# MaxSpareThreads:允许保有的最大工作线程数目&lt;br /&gt;# ThreadsPerChild:每个服务进程中的工作线程常数&lt;br /&gt;# MaxRequestsPerChild:服务进程中允许的最大请求数目&lt;br /&gt;&lt;br /&gt;StartServers 2&lt;br /&gt;MaxClients 150&lt;br /&gt;MinSpareThreads 25&lt;br /&gt;MaxSpareThreads 75&lt;br /&gt;ThreadsPerChild 25&lt;br /&gt;MaxRequestsPerChild 0&lt;br /&gt;&lt;br /&gt;# perchild MPM&lt;br /&gt;# NumServers:服务进程数量&lt;br /&gt;# StartThreads:每个服务进程中的起始线程数量&lt;br /&gt;# MinSpareThreads:保有的最小线程数量&lt;br /&gt;# MaxSpareThreads:保有的最大线程数量&lt;br /&gt;# MaxThreadsPerChild:每个服务进程允许的最大线程数&lt;br /&gt;# MaxRequestsPerChild:每个服务进程允许连接的最大数量&lt;br /&gt;&lt;br /&gt;NumServers 5&lt;br /&gt;StartThreads 5&lt;br /&gt;MinSpareThreads 5&lt;br /&gt;MaxSpareThreads 10&lt;br /&gt;MaxThreadsPerChild 20&lt;br /&gt;MaxRequestsPerChild 0&lt;br /&gt;&lt;br /&gt;# WinNT MPM&lt;br /&gt;# ThreadsPerChild:服务进程中工作线程常数&lt;br /&gt;# MaxRequestsPerChild:服务进程允许的最大请求数&lt;br /&gt;&lt;br /&gt;ThreadsPerChild 250&lt;br /&gt;MaxRequestsPerChild 0&lt;br /&gt;&lt;br /&gt;# BeOS MPM&lt;br /&gt;# StartThreads:服务器启动时启动的线程数&lt;br /&gt;# MaxClients:可以启动的最大线程数（一个线程等于一个用户）&lt;br /&gt;# MaxRequestsPerThread:每个线程允许的最大请求数&lt;br /&gt;&lt;br /&gt;StartThreads 10&lt;br /&gt;MaxClients 50&lt;br /&gt;MaxRequestsPerThread 10000&lt;br /&gt;&lt;br /&gt;# NetWare MPM&lt;br /&gt;# ThreadStachSize:为每个工作线程分配的堆栈尺寸&lt;br /&gt;# StartThreads:服务器启动时启动的线程数&lt;br /&gt;# MinSpareThreads:用于处理实发请求的空闲线程数&lt;br /&gt;# MaxSpareThreads:空闲线程的最大数量&lt;br /&gt;# MaxThreads:在同一时间活动的最大线程数&lt;br /&gt;# MaxRequestPerChild:一个线程服务请求的最大数量，&lt;br /&gt;# 推荐将其设置为0，以实现无限制的接入&lt;br /&gt;&lt;br /&gt;ThreadStackSize 65536&lt;br /&gt;StartThreads 250&lt;br /&gt;MinSpareThreads 25&lt;br /&gt;MaxSpareThreads 250&lt;br /&gt;MaxThreads 1000&lt;br /&gt;MaxRequestPerChild 0&lt;br /&gt;&lt;br /&gt;# OS/2 MPM&lt;br /&gt;# StartServers:启动的服务进程数量&lt;br /&gt;# MinSpareThreads:每个进程允许的最小空闲线程&lt;br /&gt;# MaxSpareThreads:每个进程允许的最大空闲线程&lt;br /&gt;# MaxRequestsPerChild:每个服务进程允许的最大连接数&lt;br /&gt;&lt;br /&gt;StartServers 2&lt;br /&gt;MinSpareThreads 5&lt;br /&gt;MaxSpareThreads 10&lt;br /&gt;MaxRequestsPerChild 0&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Listen:允许你绑定Apache服务到指定的IP地址和端口上，以取代默认值&lt;br /&gt;# 参见指令&lt;br /&gt;# 使用如下命令使Apache只在指定的IP地址上监听，&lt;br /&gt;# 以防止它在IP地址0.0.0.0上监听&lt;br /&gt;#&lt;br /&gt;# Listen 12.34.56.78:80&lt;br /&gt;&lt;br /&gt;Listen 80&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 动态共享支持（DSO）&lt;br /&gt;#&lt;br /&gt;# 为了能够使用那些以DSO模式编译的模块中的函数，你必须有相应的“LoadModule”行，&lt;br /&gt;# 因此，在这里包含了这些指令，以便能在使用它之前激活。&lt;br /&gt;# 那些静态编译的模块不需要在这里列出 (即以“httpd -l”列出的模块)&lt;br /&gt;#&lt;br /&gt;# 示例：&lt;br /&gt;# LoadModule foo_module modules/mod_foo.so&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ExtendedStatus：当调用“server-status”时，控制Apache是产生“全”状态&lt;br /&gt;# 信息（ExtendedStatus On），还是产生基本信息（ExtendedStatus Off）。&lt;br /&gt;# 默认为off&lt;br /&gt;#&lt;br /&gt;# ExtendedStatus On&lt;br /&gt;&lt;br /&gt;### 第二区：“主”服务配置&lt;br /&gt;#&lt;br /&gt;# 这一区建立被 “主” 服务器用的指令值,以回应那些不被&lt;br /&gt;# 定义处理的任何请求。&lt;br /&gt;# 这些数值也提供默认值给后面定义的容器。&lt;br /&gt;# 如果中有定义，那么这里定义的指令值将被&lt;br /&gt;# 中的定义所覆盖。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 如果你想使httpd以另外的用户或组来运行，你必须在开始时以root方式启动&lt;br /&gt;# 然后再将它切换为你想要使用的用户或组。&lt;br /&gt;#&lt;br /&gt;# User/Group:运行httpd的用户和组&lt;br /&gt;# 在SCO (ODT3)上使用“User nouser”和“Group nogroup”&lt;br /&gt;# 在HPUX上，你可能不能以nobody身份使用共享内存，建议创建一个www用户。&lt;br /&gt;# 注意一些核心（kernel）在组ID大于60000时拒绝setgid(Group)或semctl(IPC_SET)，&lt;br /&gt;#节在这些系统上不要使用“Group #-1”。&lt;br /&gt;#&lt;br /&gt;User nobody&lt;br /&gt;Group #-1&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ServerAdmin:你的邮件地址，当发生问题时Apache将向你发出邮件。&lt;br /&gt;# 作为一个出错文档，这个地址显示在server-generated页上，&lt;br /&gt;# 例如：admin@your-domain.com&lt;br /&gt;#&lt;br /&gt;ServerAdmin kreny@sina.com&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ServerName指定Apache用于识别自身的名字和端口号。&lt;br /&gt;# 通常这个值是自动指定的，但是我们推荐你显式的指定它以防止启动时出错&lt;br /&gt;#&lt;br /&gt;# 如果你为你的主机指定了一个无效的DNS名，server-generated重定向将不能工作。&lt;br /&gt;# 参见UseCanonicalName指令&lt;br /&gt;#&lt;br /&gt;# 如果你的主机没有注册DNS名，在这里键入它的IP地址&lt;br /&gt;# 无论如何，你必须使用它的IP地址来提供服务，&lt;br /&gt;# 这里使用一种容易理解的方式重定向服务&lt;br /&gt;ServerName www.dalouis.com:80&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# UseCanonicalName:决定Apache如何构造URLS和 SERVER_NAME 和 SERVER_PORT 的指令。&lt;br /&gt;# 当设置为 “Off”时,Apache会使用用户端提供的主机名和端口号。&lt;br /&gt;# 当设置为“On”,Apache会使用ServerName指令的值。&lt;br /&gt;#&lt;br /&gt;UseCanonicalName Off&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# DocumentRoot:你的文档的根目录。默认情况下，所有的请求从这个目录进行应答。&lt;br /&gt;# 但是可以使用符号链接和别名来指向到其他的位置。&lt;br /&gt;#&lt;br /&gt;DocumentRoot "/home/redhat/public_html"&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Apache可以存取的每个目录都可以配置存取权限（包括它的子目录）。&lt;br /&gt;#&lt;br /&gt;# 首先，我们配置一个高限制的特征。&lt;br /&gt;&lt;br /&gt;# 这将禁止访问文件系统所在的目录，并添加你希望允许访问的目录块。&lt;br /&gt;# 如下所示&lt;br /&gt;&lt;br /&gt;Order Deny,Allow&lt;br /&gt;Deny from all&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 注意从这里开始你一定要明确地允许哪些特别的特征能够被使用。&lt;br /&gt;# - 所以，如果Apache没有象你所期待的那样工作的话,&lt;br /&gt;# 请检查你是否在下面明确的指定它可用。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 这将改变到你设置的DocumentRoot&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Options：这个指令的值可以是“None”，“All”，或者下列选项的任意组合：&lt;br /&gt;# Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews&lt;br /&gt;#&lt;br /&gt;# 注意，“MultiViews”必须被显式的指定，“Options All”不能为你提供这个特性。&lt;br /&gt;#&lt;br /&gt;# 这个指令既复杂又重要，请参见&lt;br /&gt;#“http://httpd.apache.org/docs-2.0/mod/core.html#optioins”以取得更多的信息。&lt;br /&gt;#&lt;br /&gt;Options FollowSymLinks&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AllowOverride控制那些被放置在.htaccess文件中的指令。&lt;br /&gt;# 它可以是“All”，“None”，或者下列指令的组合：&lt;br /&gt;# Options FileInfo AuthConfig Limit&lt;br /&gt;#&lt;br /&gt;AllowOverride None&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 控制谁可以获得服务。&lt;br /&gt;#&lt;br /&gt;Order allow,deny&lt;br /&gt;Allow from all&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# UserDir:指定在得到一个~user请求时将会添加到用户home目录后的目录名。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;UserDir public_html&lt;br /&gt;&lt;br /&gt;# 为防止在UserDir指令上的漏洞，对root用户设置&lt;br /&gt;# 象“./”这样的UserDir是非常有用的。&lt;br /&gt;# 如果你使用Apache 1.3或以上版本，我们强烈建议你&lt;br /&gt;# 在你的服务器配置文件中包含下面的行&lt;br /&gt;&lt;br /&gt;UserDir disabled root&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 下面是一个使用UserDir指令使一个站点的目录具有只读属性的示例：&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# AllowOverride FileInfo AuthConfig Limit Indexes&lt;br /&gt;# Options MultiViews Indexes SymLinksIfOwnerMatch IncludeNoExec&lt;br /&gt;#&lt;br /&gt;# Order allow,deny&lt;br /&gt;# Allow from all&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# Order deny,allow&lt;br /&gt;# Deny from all&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# DirectoryIndex:定义请求是一个目录时，Apache向用户提供服务的文件名&lt;br /&gt;#&lt;br /&gt;# index.html.var文件（一个类型映象文件）用于提供一个文档处理列表，&lt;br /&gt;# 出于同样的目的，也可以使用MultiViews选项，但是它会非常慢。&lt;br /&gt;#&lt;br /&gt;DirectoryIndex index.php index.html index.html.var&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AccessFileName:在每个目录中查询为目录提供附加配置指令的文件的文件名。&lt;br /&gt;# 参见AllowOverride指令。&lt;br /&gt;#&lt;br /&gt;AccessFileName .htaccess&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 下面的行防止.htaccess和.htpasswd文件被Web客户查看。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;Order allow,deny&lt;br /&gt;Deny from all&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Typeconfig:定义在哪里查询mime.types文件。&lt;br /&gt;#&lt;br /&gt;TypeConfig conf/mime.types&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# DefaultType:定义当不能确定MIME类型时服务器提供的默认MIME类型。&lt;br /&gt;# 如果你的服务主要包含text或HTML文档，“text/plain”是一个好的选择；&lt;br /&gt;# 如果大多是二进制文档，诸如软件或图像，你应使用&lt;br /&gt;# “application/octer-stream”来防止浏览器象显示文本那样显示二进制文件。&lt;br /&gt;#&lt;br /&gt;DefaultType text/plain&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# mod_mime_magic允许服务器从自己定义自己类型的文件中使用不同的线索（hints），&lt;br /&gt;# 这个MIMEMagicFile指令定义hints定义所在的文件。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;MIMEMagicFile conf/magic&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# HostnameLookups：指定记录用户端的名字还是IP地址，例如，本指令为on时&lt;br /&gt;# 记录主机名，如www.apache.org；为off时记录IP地址，204.62.129.132。&lt;br /&gt;# 默认值为off，这要比设为on好得多，因为如果设为on则每个用户端请求都将会&lt;br /&gt;# 至少造成对 nameserver 进行一次查询。&lt;br /&gt;#&lt;br /&gt;HostnameLookups Off&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# EnableMMAP:控制是否进行内存转储（如果操作系统支持的话）。&lt;br /&gt;# 默认为on，如果你的服务器安装在网络文件系统上（NFS），请关闭它。&lt;br /&gt;# 在一些系统上，关闭它会提升系统性能（与文件系统类型无关）；&lt;br /&gt;# 具体情况请参阅http://httpd.apache.org/docs-2.0/mod/core.html#enablemmap&lt;br /&gt;#&lt;br /&gt;# EnableMMAP off&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# EnableSendfile:控制是否使用sendfile kernel支持发送文件&lt;br /&gt;# （如果操作系统支持的话）。默认为on，如果你的服务器安装在网络文件系统&lt;br /&gt;# （NFS）上，请你关闭它。&lt;br /&gt;# 参见http://httpd.apache.org/docs-2.0/mod/core.html#enablesendfile&lt;br /&gt;#&lt;br /&gt;# EnableSendfile off&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ErrorLog:错误日志文件定位。&lt;br /&gt;# 如果你没有在内定义ErrorLog指令，这个虚拟主机的错误信息&lt;br /&gt;# 将记录在这里。如果你在那儿定义了ErrorLog，这些错误信息将记录在你所&lt;br /&gt;# 定义的文件里，而不是这儿定义的文件。&lt;br /&gt;#&lt;br /&gt;ErrorLog logs/error_log&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# LogLevel:控制记录在错误日志文件中的日志信息数量。&lt;br /&gt;# 可能的值包括：debug，info，notice，warn，error，crit，alert，emerg。&lt;br /&gt;#&lt;br /&gt;LogLevel warn&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 下面的指令为CustomLog指令定义格式别名。&lt;br /&gt;#&lt;br /&gt;LogFormat "%h %l %u %t \"%r\" %&gt;s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined&lt;br /&gt;LogFormat "%h %l %u %t \"%r\" %&gt;s %b" common&lt;br /&gt;LogFormat "%{Referer}i -&gt; %U" referer&lt;br /&gt;LogFormat "%{User-agent}i" agent&lt;br /&gt;&lt;br /&gt;# 你需要安装了mod_logio.c模块才能使用%I和%O。&lt;br /&gt;# LogFormat "%h %l %u %t \"%r\" %&gt;s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 指定接入日志文件的定位和格式（一般日志格式）。&lt;br /&gt;# 如果你没有在内定义这个指令，传输信息将记录在这里，&lt;br /&gt;# 如果你定义了这个指令，则记录在你指定的位置，而不是这儿定义的位置。&lt;br /&gt;#&lt;br /&gt;CustomLog logs/access_log common&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 如果你想要记录agent和referer信息，可以使用下面的指令&lt;br /&gt;#&lt;br /&gt;# CustomLog logs/referer_log referer&lt;br /&gt;# CustomLog logs/agent_log agent&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 如果你想要使用一个文件记录access，agent和referer信息，&lt;br /&gt;# 你可以如下定义这个指令：&lt;br /&gt;#&lt;br /&gt;# CustomLog logs/access_log combined&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ServerTokens&lt;br /&gt;# 这个指令定义包含在HTTP回应头中的信息类型。默认为“Full”，&lt;br /&gt;# 这表示在回应头中将包含模块中的操作系统类型和编译信息。&lt;br /&gt;# 可以设为列各值中的一个：&lt;br /&gt;# Full | OS | Minor | Minimal | Major | Prod&lt;br /&gt;# Full传达的信息最多，而Prod最少。&lt;br /&gt;#&lt;br /&gt;ServerTokens Full&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 随意的添加包含服务器版本和虚拟主机名字一行信息到server-generated输出页中&lt;br /&gt;# （内部错误文档，FTP目录列表，mod_status和mod_info输出等等，除了CGI错误&lt;br /&gt;# 或自定义的错误文档以外）。&lt;br /&gt;# 设为“EMail”将包含一个指向ServerAdmin的mailto:连接。&lt;br /&gt;# 可以为如下值：On | Off | EMail&lt;br /&gt;#&lt;br /&gt;ServerSignature On&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Aliases:在这时添加你需要的别名，格式如下：&lt;br /&gt;# Alias 别名 真实名&lt;br /&gt;#&lt;br /&gt;# 注意，如果你在别名的未尾包含了“/”，那么在URL中也需要包含“/”。&lt;br /&gt;# 因此，“/icons”不是这个示例中的别名。&lt;br /&gt;# 如果别名中以“/”结尾，那么真实名也必须以“/”结尾，&lt;br /&gt;# 如果别名中省略了结尾的“/”，那么真实名也必须省略。&lt;br /&gt;#&lt;br /&gt;# 我们使用别名“/icons/”来表示FancyIndexed目录列表，如果你不使用、&lt;br /&gt;# FancyIndexing，你可以注释掉它。&lt;br /&gt;#&lt;br /&gt;# Alias /icons/ "/usr/local/apache2/icons/"&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Options Indexes MultiViews&lt;br /&gt;# AllowOverride None&lt;br /&gt;# Order allow,deny&lt;br /&gt;## Allow from all&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 这将改变ServerRoot/manual。这个别名提供了手册页所在的位置，&lt;br /&gt;# 即使你改变了你的DocumentRoot。如果你对有无手册页并不在意的话，&lt;br /&gt;# 你可以注释掉它。&lt;br /&gt;#&lt;br /&gt;Alias /manual "/usr/loacl/apache2/manual"&lt;br /&gt;&lt;br /&gt;Options Indexes FollowSymLinks MultiViews IncludesNoExec&lt;br /&gt;AddOutputFilter Includes html&lt;br /&gt;Order allow,deny&lt;br /&gt;Allow from all&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ScriptAlias:指定包含服务脚本的目录。&lt;br /&gt;# ScriptAliases 本质上与Aliases一样，除了这里的文档在请求时做为程序处理处理以外。&lt;br /&gt;# 尾部的“/”规则与Alias一样&lt;br /&gt;#&lt;br /&gt;ScriptAlias /cgi-bin/ "/usr/loacl/apache2/cgi-bin/"&lt;br /&gt;&lt;br /&gt;# 这里是添加php 4支持的指令&lt;br /&gt;AddType application/x-httpd-php .php&lt;br /&gt;LoadModule php4_module modules/libphp4.so&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 添加mod_cgid.c设置，mod_cgid提供使用cgid进行通讯的UNIX套接字的&lt;br /&gt;# 脚本接口路径。&lt;br /&gt;#&lt;br /&gt;# Scriptsock logs/cgisock&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 将"/usr/local/apache2/cgi-bin"改为你的ScriptAliased指定的CGI目录，&lt;br /&gt;# 如果你配置了的话。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;AllowOverride None&lt;br /&gt;Options None&lt;br /&gt;Order allow,deny&lt;br /&gt;Allow from all&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Redirect允许你告诉客户端使用存在于服务器名字空间中的文档，&lt;br /&gt;# 而不是现在的，这帮助客户定位那些改变了位置的文档。&lt;br /&gt;# 例如：&lt;br /&gt;# Redirect permanent /foo http://www.example.com/bar&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 控制server-generated目录列表显示的指令&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# IndexOptions:控制server-generated目录列表显示特征。&lt;br /&gt;#&lt;br /&gt;IndexOptions FancyIndexing VersionSort&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AddIcon* 指令告诉服务器不同扩展名的图象文件如何显示，&lt;br /&gt;# 只适用于FancyIndexed指令&lt;br /&gt;#&lt;br /&gt;AddIconByEncoding (CMP,/icons/compressed.gif) x-compress x-gzip&lt;br /&gt;AddIconByType (TXT,/icons/text.gif) text/*&lt;br /&gt;AddIconByType (IMG,/icons/image2.gif) image/*&lt;br /&gt;AddIconByType (SND,/icons/sound2.gif) audio/*&lt;br /&gt;AddIconByType (VID,/icons/movie.gif) video/*&lt;br /&gt;&lt;br /&gt;AddIcon /icons/binary.gif .bin .exe&lt;br /&gt;AddIcon /icons/binhex.gif .hqx&lt;br /&gt;AddIcon /icons/tar.gif .tar&lt;br /&gt;AddIcon /icons/world2.gif .wrl .wrl.gz .vrml .vrm .iv&lt;br /&gt;AddIcon /icons/compressed.gif .Z .z .tgz .gz .zip&lt;br /&gt;AddIcon /icons/a.gif .ps .ai .eps&lt;br /&gt;AddIcon /icons/layout.gif .html .shtml .htm .pdf&lt;br /&gt;AddIcon /icons/text.gif .txt&lt;br /&gt;AddIcon /icons/c.gif .c&lt;br /&gt;AddIcon /icons/p.gif .pl .py&lt;br /&gt;AddIcon /icons/f.gif .for&lt;br /&gt;AddIcon /icons/dvi.gif .dvi&lt;br /&gt;AddIcon /icons/uuencoded.gif .uu&lt;br /&gt;AddIcon /icons/script.gif .conf .sh .shar .csh .ksh .tcl&lt;br /&gt;AddIcon /icons/tex.gif .tex&lt;br /&gt;AddIcon /icons/bomb.gif core&lt;br /&gt;&lt;br /&gt;AddIcon /icons/back.gif ..&lt;br /&gt;AddIcon /icons/hand.right.gif README&lt;br /&gt;AddIcon /icons/folder.gif ^^DIRECTORY^^&lt;br /&gt;AddIcon /icons/blank.gif ^^BLANKICON^^&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# DefaultIcon 为那些没有显式定义图标的文件提供处理&lt;br /&gt;#&lt;br /&gt;DefaultIcon /icons/unknown.gif&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AddDescription允许你在server-generated索引后放置一个简短的说明。&lt;br /&gt;# 只对FancyIndexed指令有效。&lt;br /&gt;# 格式：AddDescription "说明" 文件名&lt;br /&gt;#&lt;br /&gt;# AddDescription "GZIP compressed document" .gz&lt;br /&gt;# AddDescription "tar archive" .tar&lt;br /&gt;# AddDescription "GZIP compressed tar archive" .tgz&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ReadmeName指定服务器默认查找的README文件的名字，并添加到目录列表中&lt;br /&gt;#&lt;br /&gt;# HeaderName指定目录列表前缀文件的文件名&lt;br /&gt;ReadmeName README.html&lt;br /&gt;HeaderName HEADER.html&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# IndexIgnore指定目录索引忽略并且不包含在列表中的文件名集合，&lt;br /&gt;# 支持shell类型的通配符。&lt;br /&gt;#&lt;br /&gt;IndexIgnore .??* *~ *# HEADER* README* RCS CVS *,v *,t&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AddEncoding允许你在信息传送中使用(Mosaic/X 2.1+)解压缩信息，&lt;br /&gt;# 注意：不是所有的浏览器都支持这个选项。&lt;br /&gt;# 尽管名字相似，但是下列的指令与上面的FancyIndexing定制指令不同。&lt;br /&gt;#&lt;br /&gt;AddEncoding x-compress Z&lt;br /&gt;AddEncoding x-gzip gz tgz&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# DefaultLanguage和AddLanguage允许你指定文档的语言。&lt;br /&gt;# 这使你可以让用户用容易理解的语言浏览文档。&lt;br /&gt;#&lt;br /&gt;# 指定默认的语言，这意味着所有没有指定语言的包都将使用该语言。&lt;br /&gt;# 多数情况下，你也许并不想设置它，除非你确信这样做是正确的。&lt;br /&gt;# 通常，不使用确定的语言比使用错误的语言要好。&lt;br /&gt;#&lt;br /&gt;# DefaultLanguage nl&lt;br /&gt;#&lt;br /&gt;# 注意1：作为语言关键字的词缀毫无疑问是不能一样的--采用波兰&lt;br /&gt;# 文的文档（网络标准语言代码是pl）将希望使用“AddLanguage pl .po”&lt;br /&gt;# 来避免与perl脚本的一般词缀产生二义性。&lt;br /&gt;#&lt;br /&gt;# 注意2: 下面的例子举例说明在一些范例中语言的二字符缩写与它的国家&lt;br /&gt;# 的二字符缩写不相同,例如 “Danmark/dk” 和 “Danmark/da” 的比较.&lt;br /&gt;#&lt;br /&gt;# 注意3: 在 “ltz” 的情况下我们使用三字符词缀，违犯了 RFC的规定，&lt;br /&gt;# 运行中将修复它并使用RFC1766标准取得参考数据。&lt;br /&gt;#&lt;br /&gt;# Danish (da) - Dutch (nl) - English (en) - Estonian (et)&lt;br /&gt;# French (fr) - German (de) - Greek-Modern (el)&lt;br /&gt;# Italian (it) - Norwegian (no) - Norwegian Nynorsk (nn) - Korean (ko)&lt;br /&gt;# Portugese (pt) - Luxembourgeois* (ltz)&lt;br /&gt;# Spanish (es) - Swedish (sv) - Catalan (ca) - Czech(cz)&lt;br /&gt;# Polish (pl) - Brazilian Portuguese (pt-br) - Japanese (ja)&lt;br /&gt;# Russian (ru) - Croatian (hr)&lt;br /&gt;#&lt;br /&gt;AddLanguage da .dk&lt;br /&gt;AddLanguage nl .nl&lt;br /&gt;AddLanguage en .en&lt;br /&gt;AddLanguage et .et&lt;br /&gt;AddLanguage fr .fr&lt;br /&gt;AddLanguage de .de&lt;br /&gt;AddLanguage he .he&lt;br /&gt;AddLanguage el .el&lt;br /&gt;AddLanguage it .it&lt;br /&gt;AddLanguage ja .ja&lt;br /&gt;AddLanguage pl .po&lt;br /&gt;AddLanguage ko .ko&lt;br /&gt;AddLanguage pt .pt&lt;br /&gt;AddLanguage nn .nn&lt;br /&gt;AddLanguage no .no&lt;br /&gt;AddLanguage pt-br .pt-br&lt;br /&gt;AddLanguage ltz .ltz&lt;br /&gt;AddLanguage ca .ca&lt;br /&gt;AddLanguage es .es&lt;br /&gt;AddLanguage sv .sv&lt;br /&gt;AddLanguage cz .cz&lt;br /&gt;AddLanguage ru .ru&lt;br /&gt;AddLanguage tw .tw&lt;br /&gt;AddLanguage zh-tw .tw&lt;br /&gt;AddLanguage hr .hr&lt;br /&gt;&lt;br /&gt;# LanguagePriority允许你在会话过程中优先使用一些语言。&lt;br /&gt;#&lt;br /&gt;# 以优先次序递减的方式列出它们。我们或多或少地采用按字母排列顺序的方式&lt;br /&gt;# 排列它们。也许你想要改变这个顺序。&lt;br /&gt;LanguagePriority en da nl et fr de el it ja ko no pl pt pt-br ltz ca es sv tw&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# ForceLanguagePriority 允许你为MULTIPLE CHOICES(Prefer)[在通讯的情况下]&lt;br /&gt;# 或NOT ACCEPTABLE(Fallback)[没有可接受的语言匹配的情况]提供一个结果页。&lt;br /&gt;#&lt;br /&gt;ForceLanguagePriority Prefer Fallback&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 为发送出的所有页指定默认的字符集，这总是一个好主意，并且为你的&lt;br /&gt;# web站点的国际化打开了大门，这不正是你曾经想要的吗。同样地，指定&lt;br /&gt;# 默认字符集有一些小的损害，如一个使用iso-8859-1(latin1)标准命令&lt;br /&gt;# 的页面，除非以别的方式指定例如你仅仅以显式方式声明它。&lt;br /&gt;# 也有一些与那些总是鼓励你使用默认字符集的javascropt和URL语法有关&lt;br /&gt;# 的浏览器安全原因。&lt;br /&gt;#&lt;br /&gt;#AddDefaultCharset ISO-8859-1&lt;br /&gt;AddDefaultCharse GB2312&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 一般以文件扩展名的方式使用字符集。也许你想要避免与语言扩展发生&lt;br /&gt;# 碰撞，除非你在每次改变后都做了很好的测试。&lt;br /&gt;# 参见http://www.iana.org/assignments/character-sets以取得字符集&lt;br /&gt;# 的名字列表和它们各自的RFCs。&lt;br /&gt;#&lt;br /&gt;AddCharset ISO-8859-1 .iso8859-1 .latin1&lt;br /&gt;AddCharset ISO-8859-2 .iso8859-2 .latin2 .cen&lt;br /&gt;AddCharset ISO-8859-3 .iso8859-3 .latin3&lt;br /&gt;AddCharset ISO-8859-4 .iso8859-4 .latin4&lt;br /&gt;AddCharset ISO-8859-5 .iso8859-5 .latin5 .cyr .iso-ru&lt;br /&gt;AddCharset ISO-8859-6 .iso8859-6 .latin6 .arb&lt;br /&gt;AddCharset ISO-8859-7 .iso8859-7 .latin7 .grk&lt;br /&gt;AddCharset ISO-8859-8 .iso8859-8 .latin8 .heb&lt;br /&gt;AddCharset ISO-8859-9 .iso8859-9 .latin9 .trk&lt;br /&gt;AddCharset ISO-2022-JP .iso2022-jp .jis&lt;br /&gt;AddCharset ISO-2022-KR .iso2022-kr .kis&lt;br /&gt;AddCharset ISO-2022-CN .iso2022-cn .cis&lt;br /&gt;AddCharset Big5 .Big5 .big5&lt;br /&gt;# 对于俄语，使用了多个字符集（如何使用主要依靠客户端）：&lt;br /&gt;AddCharset WINDOWS-1251 .cp-1251 .win-1251&lt;br /&gt;AddCharset CP866 .cp866&lt;br /&gt;AddCharset KOI8-r .koi8-r .koi8-ru&lt;br /&gt;AddCharset KOI8-ru .koi8-uk .ua&lt;br /&gt;AddCharset ISO-10646-UCS-2 .ucs2&lt;br /&gt;AddCharset ISO-10646-UCS-4 .ucs4&lt;br /&gt;AddCharset UTF-8 .utf8&lt;br /&gt;&lt;br /&gt;# 下面的字符集没有映射到一个特定的标准(iso)上，但是它们在浏览器&lt;br /&gt;# 中被广泛的支持。注意那些大写字母。&lt;br /&gt;# (它不应该,但是它是为兼容一些浏览器而做)&lt;br /&gt;#&lt;br /&gt;# 参见http://www.iana.org/assianments/character-sets以取得&lt;br /&gt;# 它们的列表。但是浏览器支持较少。&lt;br /&gt;#&lt;br /&gt;AddCharset GB2312 .gb2312 .gb&lt;br /&gt;AddCharset utf-7 .utf7&lt;br /&gt;AddCharset utf-8 .utf8&lt;br /&gt;AddCharset big5 .big5 .b5&lt;br /&gt;AddCharset EUC-TW .euc-tw&lt;br /&gt;AddCharset EUC-JP .euc-jp&lt;br /&gt;AddCharset EUC-KR .euc-kr&lt;br /&gt;AddCharset shift_jis .sjis&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AddType允许你为指定的文件类型添加或覆盖mime.types文件中配置的MIME&lt;br /&gt;#&lt;br /&gt;AddType application/x-tar .tgz&lt;br /&gt;AddType image/x-icon .ico&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# AddHandler允许你映射确定的文件扩展名到“handlers”:&lt;br /&gt;# 与文件类型无关的行为。这既能编译到服务器中也可以添加到Action指令&lt;br /&gt;# 中（看下面）。&lt;br /&gt;# 为了在ScriptAliased指令指定的以外使用CGI脚本：&lt;br /&gt;#（要使它可用，你还需要在Options中添加“ExecCGI”。&lt;br /&gt;#&lt;br /&gt;# AddHandler cgi-script .cgi&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 对于那些包含他们自己的HTTP头的文件&lt;br /&gt;#&lt;br /&gt;# AddHandler send-as-is asis&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 对于server-parsed imagemap文件：&lt;br /&gt;#&lt;br /&gt;# AddHandler imap-file map&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# agemap 文件:&lt;br /&gt;#&lt;br /&gt;#AddHandler imap- 文件映像&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 对于类型映像:(转移资源)&lt;br /&gt;#(这是默认的设定以允许Apache的“It Worked”页能多种语言分发)。&lt;br /&gt;#&lt;br /&gt;AddHandler type-map var&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 过滤器允许你在将它发送到客户端前进行处理。&lt;br /&gt;#&lt;br /&gt;# 为了在服务器端分析包含(SSI)的.shtml文档：&lt;br /&gt;# （要执行这个指令，你还需要在Options指令中添加“Includes”。）&lt;br /&gt;#&lt;br /&gt;# AddType text/html .shtml&lt;br /&gt;# AddOutputFilter INCLUDES .shtml&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# Action让你定义当调用匹配的媒体文件时将要执行的脚本。这将减少&lt;br /&gt;# 那些经常使用的CGI脚本的URL路径名的重复输入。&lt;br /&gt;# 格式：Action media/type /cgi-script/location&lt;br /&gt;# 格式：Action handler-name /cgi-script/location&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 可配置的错误应答有三种风格：&lt;br /&gt;# 1）plain text 2)local redirects 3) external redirects&lt;br /&gt;#&lt;br /&gt;# 一些示例：&lt;br /&gt;# ErrorDocument 500 "The server made a boo boo."&lt;br /&gt;# ErrorDocument 404 /missing.html&lt;br /&gt;# ErrorDocument 404 "/cgi-bin/missing_handler.pl"&lt;br /&gt;# ErrorDocument 402 http://www.example.com/subscription_info.html&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 综合应用这些指令，我们可以创建一个国际化的出错应答。&lt;br /&gt;#&lt;br /&gt;# 我们使用Alias来重定向任意/error/HTTP_.html.var应答到&lt;br /&gt;# 我们的多语言错误消息集合。使用正确的文本替代它。&lt;br /&gt;#&lt;br /&gt;# 通过加入下面的行，你就能够改变这些消息的显示，而不必改变&lt;br /&gt;# HTTP_.html.var文件。&lt;br /&gt;#&lt;br /&gt;# Alias /error/include/ "/your/include/path/"&lt;br /&gt;#&lt;br /&gt;# 以将/usr/local/apache2/error/include/下的文件拷贝到/your/inclue/path/下&lt;br /&gt;# 开始，你可以创建你自己的文件集合，甚至是其于每个虚拟主机的。&lt;br /&gt;# 不管你的ServerSignature如何设置，默认的包含文件将显示你的&lt;br /&gt;# Aapche版本号和你的ServerAdmin邮件地址&lt;br /&gt;#&lt;br /&gt;# 国际化的错误文档需要mod_alias，mod_include和mod_negotiation三个&lt;br /&gt;# 模块。要激活它们，取消下面30行的注释符号&lt;br /&gt;&lt;br /&gt;# Alias /error/ "/usr/local/apache2/error/"&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# AllowOverride None&lt;br /&gt;# Options IncludesNoExec&lt;br /&gt;# AddOutputFilter Includes html&lt;br /&gt;# AddHandler type-map var&lt;br /&gt;# Order allow,deny&lt;br /&gt;# Allow from all&lt;br /&gt;# LanguagePriority en de es fr it nl sv&lt;br /&gt;# ForceLanguagePriority Prefer Fallback&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# ErrorDocument 400 /error/HTTP_BAD_REQUEST.html.var&lt;br /&gt;# ErrorDocument 401 /error/HTTP_UNAUTHORIZED.html.var&lt;br /&gt;ErrorDocument 403 /error.php&lt;br /&gt;# ErrorDocument 404 /error/HTTP_NOT_FOUND.html.var&lt;br /&gt;# ErrorDocument 405 /error/HTTP_METHOD_NOT_ALLOWED.html.var&lt;br /&gt;# ErrorDocument 408 /error/HTTP_REQUEST_TIME_OUT.html.var&lt;br /&gt;# ErrorDocument 410 /error/HTTP_GONE.html.var&lt;br /&gt;# ErrorDocument 411 /error/HTTP_LENGTH_REQUIRED.html.var&lt;br /&gt;# ErrorDocument 412 /error/HTTP_PRECONDITION_FAILED.html.var&lt;br /&gt;# ErrorDocument 413 /error/HTTP_REQUEST_ENTITY_TOO_LARGE.html.var&lt;br /&gt;# ErrorDocument 414 /error/HTTP_REQUEST_URI_TOO_LARGE.html.var&lt;br /&gt;# ErrorDocument 415 /error/HTTP_SERVICE_UNAVAILABLE.html.var&lt;br /&gt;# ErrorDocument 500 /error/HTTP_INTERNAL_SERVER_ERROR.html.var&lt;br /&gt;# ErrorDocument 501 /error/HTTP_NOT_IMPLEMENTED.html.var&lt;br /&gt;# ErrorDocument 502 /error/HTTP_BAD_GATEWAY.html.var&lt;br /&gt;# ErrorDocument 503 /error/HTTP_SERVICE_UNAVAILABLE.html.var&lt;br /&gt;# ErrorDocument 506 /error/HTTP_VARIANT_ALSO_VARIES.html.var&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 下面的命令更改标准的HTTP应答行为以处理己知的浏览器问题。&lt;br /&gt;#&lt;br /&gt;BrowserMatch "Mozilla/2" nokeepalive&lt;br /&gt;BrowserMatch "MSIE 4\.0b2;" nokeepalive downgrade-1.0 force-response-1.0&lt;br /&gt;BrowserMatch "RealPlayer 4\.0" force-response-1.0&lt;br /&gt;BrowserMatch "Java/1\.0" force-response-1.0&lt;br /&gt;BrowserMatch "JDK/1\.0" force-response-1.0&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 下面命令关闭对那些没有尾部“/”的目录的非GET请求的重定向，&lt;br /&gt;# 这些命令修复了微软的采用DAV方法不能正确处理重定向的WEB文件夹的问题。&lt;br /&gt;# Apple下的DAV文件系统和Gnome下的VFS对DAV的支持也是采用这样的方法&lt;br /&gt;# 进行处理的。&lt;br /&gt;#&lt;br /&gt;BrowserMatch "Microsoft Data Access Internet Publishing Provider" redirect-carefully&lt;br /&gt;BrowserMatch "^WebDrive" redirect-carefully&lt;br /&gt;BrowserMatch "^WebDAVFS/1.[012]" redirect-carefully&lt;br /&gt;BrowserMatch "^gnome-vfs" redirect-carefully&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 允许你使用URL：http://servername/server-status来通过mod_status生&lt;br /&gt;# 成并报告服务器状态信息。改变.example.com为你自己的域名。&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# SetHandler server-status&lt;br /&gt;# Order deny,allow&lt;br /&gt;# Deny from all&lt;br /&gt;# Allow from .example.com&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 允许使用URL:http://servername/server-info来远程报告服务器配置信息&lt;br /&gt;# （需要mod_info.c支持）。改变“.example.com”为你自己的域名。&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# SetHandler server-info&lt;br /&gt;# Order deny,allow&lt;br /&gt;# Deny from all&lt;br /&gt;# Allow from .example.com&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 代理服务器命令，去掉下面的行使代理服务可用。&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# ProxyRequests On&lt;br /&gt;#&lt;br /&gt;# Order deny,allow&lt;br /&gt;# Deny from all&lt;br /&gt;# Allow from .example.com&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 安装或关闭HTTP/1.1“通道”头处理。&lt;br /&gt;# （“Full”添加服务器版本信息，“Block”移掉所有输出“通道”头信息。&lt;br /&gt;# 可以设为下面各选项之一：Off | On | Full | Block&lt;br /&gt;#&lt;br /&gt;# ProxyVia On&lt;br /&gt;&lt;br /&gt;# 最好为代理服务安装高速缓冲，去掉下面几行的注释符号：&lt;br /&gt;# （没有CacheRoot则不缓冲）&lt;br /&gt;#&lt;br /&gt;# CacheRoot "/usr/local/apache2/proxy"&lt;br /&gt;# CacheSize 5&lt;br /&gt;# CacheGcInterval 4&lt;br /&gt;# CacheMaxExpire 24&lt;br /&gt;# CacheLastModifiedFactor 01&lt;br /&gt;# CacheDefaultExpire 1&lt;br /&gt;# NoCache a-domain.com another-domain.edu joes.garage-sale.com&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 代理命令结束。&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 附加的特定模块配置。&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;Include conf/ssl.conf&lt;br /&gt;&lt;br /&gt;## 第三区：虚拟主机&lt;br /&gt;#&lt;br /&gt;# VirtualHost:你可以通过设置虚拟主机容器以实现在你的主机上保有多个&lt;br /&gt;# 域名/主机名。大多数配置信息只使用基于名字的虚拟主机，因此服务器&lt;br /&gt;# 不必担心IP地址的问题，下面的命令以*号代替虚拟主机名。&lt;br /&gt;#&lt;br /&gt;# 在你试着配置你的虚拟主机以前，请参见&lt;br /&gt;# URL:http://httpd.apache.org/docs-2.0/vhosts/&gt;以取得更多的信息。&lt;br /&gt;#&lt;br /&gt;# 你可以使用命令行选项“-S”来检验你的虚拟主机配置。&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 使用基于名字的虚拟主机。&lt;br /&gt;#&lt;br /&gt;# NameVirtualHost *&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# 虚拟主机示例：&lt;br /&gt;# 几乎所有的Apache命令都可以在虚拟主机容器中使用。&lt;br /&gt;# 第一个虚拟主机区是用于向服务名未知的请求进行应答的配置。&lt;br /&gt;#&lt;br /&gt;#&lt;br /&gt;# ServerAdmin webmaster@dummy-host.example.com&lt;br /&gt;# DocumentRoot /www/docs/dummy-host.example.com&lt;br /&gt;# ServerName dummy-host.example.com&lt;br /&gt;# ErrorLog logs/dummy-host.example.com-error_log&lt;br /&gt;# CustomLog logs/dummy-host.example.com-access_log commom&lt;br /&gt;# &lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-362393869167515276?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/362393869167515276/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=362393869167515276' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/362393869167515276'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/362393869167515276'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/11/apache2-httpdconf.html' title='Apache2 的 httpd.conf 翻譯'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2193673718261916476</id><published>2007-08-27T14:35:00.000+08:00</published><updated>2007-08-27T17:45:53.704+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>連續英數字無法換行的問題</title><content type='html'>連續英數字無法換行且會把表格撐大，使得表格很看。&lt;br /&gt;以下列出四個狀況，請在IE及Firefox中比較‧&lt;br /&gt;&lt;div style="width:400px; border:solid 1px red"&gt;寬度參考400px&lt;/div&gt;&lt;table style="width:400px; table-layout:fixed" border="1"&gt;&lt;tr&gt; &lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="width:25%; overflow:hidden; word-wrap:normal;"&gt;aaaaabbbbbcccccdddddeeeeefffffggggg&lt;/td&gt;&lt;td style="width:25%; overflow:hidden; word-wrap:break-word;"&gt;aaaaabbbbbcccccdddddeeeeefffffggggg&lt;/td&gt;&lt;td style="width:25%;"&gt;&lt;div style="overflow:auto;word-wrap:normal;line-height:1.4em;"&gt;aaaaabbbbbcccccdddddeeeeefffffggggg &lt;/div&gt;&lt;/td&gt;&lt;td style="width:25%;"&gt;&lt;div style="overflow:auto; word-wrap:break-word;line-height:1.4em;"&gt;aaaaabbbbbcccccdddddeeeeefffffggggg&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;1.將超出的部份隱藏，IE及Firefox適用。&lt;br /&gt;2.Firefox將超出的部份隱藏，但IE7會換行。&lt;br /&gt;3.超出的部份使用捲軸，但IE7高度有問題。&lt;br /&gt;4.Firefox超出的部份使用捲軸，IE7會換行。&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;使用word-break:break-all;及word-wrap:break-word;都可將過長的英文斷行，但是遇到一般單字時，word-break:break-all;是依照畫面直接截斷，而word-wrap:break-word;則會依照空格來截斷，較能保持可讀性。&lt;br /&gt;在表格的運用時，Table需設定成table-layout:fixed。&lt;br /&gt;&lt;br /&gt;程式碼如下：&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;br /&gt;&lt;table style="width:400px; table-layout:fixed" border="1"&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td style="width:25%; overflow:hidden; word-wrap:normal;"&gt;&lt;br /&gt;  aaaaabbbbbcccccdddddeeeeefffffggggg&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt;  &lt;td style="width:25%; overflow:hidden; word-wrap:break-word;"&gt;&lt;br /&gt;  aaaaabbbbbcccccdddddeeeeefffffggggg&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt;  &lt;td style="width:25%;"&gt;&lt;br /&gt;   &lt;div style="overflow:auto; word-wrap:normal;"&gt;&lt;br /&gt;   aaaaabbbbbcccccdddddeeeeefffffggggg&lt;br /&gt;   &lt;/div&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt;  &lt;td style="width:25%;"&gt;&lt;br /&gt;   &lt;div style="overflow:auto; word-wrap:break-word;"&gt;&lt;br /&gt;   aaaaabbbbbcccccdddddeeeeefffffggggg&lt;br /&gt;   &lt;/div&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2193673718261916476?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2193673718261916476/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2193673718261916476' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2193673718261916476'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2193673718261916476'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/08/blog-post.html' title='連續英數字無法換行的問題'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-721933365861427426</id><published>2007-08-20T10:04:00.000+08:00</published><updated>2007-08-20T10:14:30.973+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Windows'/><title type='text'>how to cleanly start and stop explorer.exe</title><content type='html'>how to cleanly start and stop explorer.exe&lt;br /&gt;&lt;br /&gt;If you are running Windows XP and want a cmd prompt with no strange environment variables set, do the following: CTRL+SHIFT+ESC-&gt;File-&gt;CTRL+New Task (Run...)&lt;br /&gt;This will open a cmd window with only the basics.  This is useful if you have killed Explorer and need to restart it.  Explorer will keep the environment of the cmd window that started it. &lt;br /&gt;&lt;br /&gt;If you want to cleanly shutdown Explorer without having it automatically restart: Start-&gt;Shutdown-&gt;CTRL+ALT+SHIFT+Cancel.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-721933365861427426?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://blogs.msdn.com/jeffdav/archive/2004/07/22/191636.aspx' title='how to cleanly start and stop explorer.exe'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/721933365861427426/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=721933365861427426' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/721933365861427426'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/721933365861427426'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/08/how-to-cleanly-start-and-stop.html' title='how to cleanly start and stop explorer.exe'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2595680284294298983</id><published>2007-07-04T21:20:00.003+08:00</published><updated>2011-02-09T22:26:01.724+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><title type='text'>自動將貼到Blog的程式碼Code或HTML Code做轉換及編排</title><content type='html'>因為希望可以直接把寫好的程式碼貼到Blog上，又能夠保持他原來的格式，並且做好排版，之後還要方便修改，因此寫了一個小javascript＋css來完成這件事情，結果會如下：&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;html&gt;&lt;br /&gt;&lt;body&gt;&lt;br /&gt;嘿嘿!&lt;br /&gt;&lt;/body&gt;&lt;br /&gt;&lt;/html&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;主要的做法是將程式碼放在&amp;lt;code&amp;gt;中，並用註解將程式碼包起來，來避免Browser拿Code去用，如下:&lt;br /&gt;由於Blogger不能放入&amp;lt;![CDATA[ ]]&amp;gt;，因而使用&amp;lt;!-- --&amp;gt;，所以資料要再放同樣的符號就容易產生問題！！&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;----&lt;br /&gt;&amp;lt;code&amp;gt;&lt;br /&gt;&amp;lt;--&lt;br /&gt;這裏放程式碼&lt;br /&gt;--&amp;gt;&lt;br /&gt;&amp;lt;/code&amp;gt;&lt;br /&gt;----&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;再於&amp;lt;head&amp;gt;中加入以下兩行．&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;link type="text/css" rel="stylesheet" href="http://newname.openfoundry.org/CodeDisplay/CodeDisplay.css"&gt;&lt;/link&gt;&lt;br /&gt;&lt;script src='http://newname.openfoundry.org/CodeDisplay/CodeDisplay.js' type='text/javascript'&gt;&lt;/script&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;在Google Blogger的小工具"HTML/JavaScript"中使用的方法&lt;br /&gt;由於這個小工具會把css的設定吃掉(放入後存檔就消失了)，因此要做一點改寫，如下。&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;script type="text/javascript"&gt;&lt;br /&gt;  document.write('&lt;link type="text/css" rel="stylesheet" href="http://newname.openfoundry.org/CodeDisplay/CodeDisplay.css"&gt;&lt;/link&gt;');&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;script src="http://newname.openfoundry.org/CodeDisplay/CodeDisplay.js" type="text/javascript"&gt;&lt;/script&gt;&lt;br /&gt;--&gt;&lt;br /&gt;&lt;/code&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2595680284294298983?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2595680284294298983/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2595680284294298983' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2595680284294298983'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2595680284294298983'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/07/blog.html' title='自動將貼到Blog的程式碼Code或HTML Code做轉換及編排'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-3750239362121842720</id><published>2007-06-12T11:42:00.000+08:00</published><updated>2007-06-12T16:12:44.363+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>無障礙網頁設計用表格排版合理嗎</title><content type='html'>正在了解無障礙網頁設計, 找到了台灣的&lt;a href="http://enable.nat.gov.tw/"&gt;無障礙網路空間服務網&lt;/a&gt;, 試了以後發現網站都是用表格來做排版!&lt;br /&gt;&lt;br /&gt;寫了一封信給, &lt;a href="http://enable.nat.gov.tw/"&gt;無障礙網路空間服務網&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="fullpost"&gt;&lt;br /&gt;&lt;div title="這是信件的內容" style="border:dotted 1px"&gt;&lt;br /&gt;標題: 無障礙用表格來做排版合理嗎?? &lt;br /&gt;無障礙檢測時, 有看到以下這一條需人工檢測的部份.&lt;br /&gt;# 5.1:H105100 對於每一個存放資料的表格（不是用來排版），標示出行和列的標題(7個)&lt;br /&gt;&lt;br /&gt;可是你們的網站和其它貼有無障礙標簽的網站卻都是用表格來做排版.&lt;br /&gt;&amp;lt;table border="0" cellspacing="0" cellpadding="0" summary="版型表格：頁頭"&amp;gt;&lt;br /&gt;還貼了這麼大字的summary="版型表格：頁頭", 用來通過機器檢測.&lt;br /&gt;&lt;br /&gt;想請問, 這樣子合理嗎? 因為我正在了解製做無障礙網頁中, 希望您們能夠解答, 謝謝.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;回答如下:&lt;br /&gt;&lt;div title="這是信件的內容" style="border:dotted 1px"&gt;&lt;br /&gt;您好&lt;br /&gt;&lt;br /&gt;本人是研考會無障礙網路空間推動的業務承辦窗口，就您的問題，謹補充如下：&lt;br /&gt;&lt;br /&gt;表格分排版表格及資料表格，最重要的是，網頁設計人員必須能分清楚那些屬排版表格？那些又屬資料表格？&lt;br /&gt;不然，就會不論排版表格或資料表格，一律以〔排版表格〕掩飾過機器檢測！&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;若為排版表格，其摘要說明使用〔排版表格〕，並沒有無合理之處；&lt;br /&gt;&lt;br /&gt;但若是資料表格，就必須釐清何謂是行列標題？何謂表格標題？&lt;br /&gt;行列標題，請使用th標籤標示，您可參考http://enable.nat.gov.tw/document/5_1.jsp的範例說明！&lt;br /&gt;表格標題，必須使用caption標籤，您可參考http://enable.nat.gov.tw/document/5_6.jsp的範例說明！&lt;br /&gt;至於，資料表格的摘要說明，請使用summary標籤，當然不可以〔排版表格〕作為說明，必須就表格內容提供有意義的說明，您可參考http://enable.nat.gov.tw/document/5_5.jsp的範例說明！&lt;br /&gt;&lt;br /&gt;在推動過程中，的確發現到，許多網頁的表格問題，或者其他人工檢測問題，均未確實做好自我人工檢視作業，此部分盼網站承辦人員基於無障礙旨意，建置可讀性佳的網頁，本會亦將持續性的觀念宣導！&lt;br /&gt;&lt;br /&gt;謝謝！&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-3750239362121842720?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/3750239362121842720/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=3750239362121842720' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3750239362121842720'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3750239362121842720'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/blog-post_12.html' title='無障礙網頁設計用表格排版合理嗎'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-9028248288504893867</id><published>2007-06-08T21:41:00.000+08:00</published><updated>2007-06-09T05:54:46.077+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>網站開發良藥</title><content type='html'>&lt;dl&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://urltea.com/"&gt;urlTea&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;urlTea 好用的縮短網址服務&lt;br /&gt;urlTea是一個好用的網址縮短服務，這個服務和其他的縮短網址服務有一點不同的地方，urlTea可以在產生的網址後面用「?」再加上你自己喜愛的字串，方便用來描述這個網址，以本站為例：&lt;br /&gt;縮短網址後：http://urltea.com/253&lt;br /&gt;縮短網址加字串：http://urltea.com/253?hotnews&lt;br /&gt;&lt;br /&gt;以上二個網址都會連到本站的，但第二個網址加了一些字串，可方便辨別，測試過後覺得他的速度也蠻快的喔！不過因為Server在國外就拖慢了速度。&lt;br /&gt;&lt;a href="http://iwanthotnews.blogspot.com/"&gt;I Want Hot News&lt;/a&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.ajaxload.info/"&gt;Ajaxload&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;Ajax 載入中的圖片gif產生器&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.everystockphoto.com/"&gt;everystockphoto&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;&lt;br /&gt;[推薦]everystockphoto 超過百萬張的免費圖片&lt;br /&gt;everystockphoto是一個收集了上百萬張的圖片，基於creative commons的精神，你可以免費使用，以後會繼續增加圖庫，讚讚讚！欠圖檔的人可以到這裡來尋寶。&lt;br /&gt;&lt;a href="http://iwanthotnews.blogspot.com/"&gt;I Want Hot News&lt;/a&gt;&lt;br /&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.fonts500.com/"&gt;FONTS500&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;500個免費英文字型&lt;br /&gt;Fonts 500顧名思義就是提供500個免費字型，每個都很精美，比較偏藝術風，對於一些網頁設的美工人員，應該有蠻大的用處，下圖是擷取幾個字型的畫面。&lt;br /&gt;&lt;a href="http://iwanthotnews.blogspot.com/"&gt;I Want Hot News&lt;/a&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.iconfinder.net/"&gt;IconFinder&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;iconfinder是專門尋找icon的搜尋引擎，只要輸入你要找的名稱，就會列出資料庫中所有的icon，目前只有上萬個icon，相信不久後應該會越來越多，可以選擇大小來呈現要找的icon！&lt;br /&gt;&lt;a href="http://iwanthotnews.blogspot.com/"&gt;I Want Hot News&lt;/a&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.elogodesign.com/favorite-free-fonts-vukan-karadzic/"&gt;精選25款免費字型&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;由Vukan Karadzic所精選的25款免費字型，喜歡搜集的人可以看瞧瞧，我個人偏愛手寫字型及簽名字型！&lt;a href="http://iwanthotnews.blogspot.com/"&gt;I Want Hot News&lt;/a&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.iconarchive.com/"&gt;IconArchive&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;有很多的Icon，但好像都只有個人使用及非商業．&lt;br /&gt;搜尋的時候加上 -"personal desktop use only"-"non-commercial use"，就可以排除．&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.oswd.org/"&gt;OSWD - Open Source Web Design&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.&lt;br /&gt;Currently 2080 free designs!&lt;/dd&gt;&lt;br /&gt;&lt;br /&gt;&lt;dt&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;&lt;/dd&gt;&lt;br /&gt;&lt;/dl&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-9028248288504893867?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/9028248288504893867/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=9028248288504893867' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/9028248288504893867'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/9028248288504893867'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/blog-post_08.html' title='網站開發良藥'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1594647466369522383</id><published>2007-06-08T15:55:00.000+08:00</published><updated>2007-06-08T15:58:04.461+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>網頁設計必看網站</title><content type='html'>&lt;a href="http://www.smashingmagazine.com/"&gt;Smashing Magazine&lt;/a&gt;有很多的好文章&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1594647466369522383?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.smashingmagazine.com/' title='網頁設計必看網站'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1594647466369522383/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1594647466369522383' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1594647466369522383'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1594647466369522383'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/blog-post.html' title='網頁設計必看網站'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4074319929401495875</id><published>2007-06-08T15:05:00.000+08:00</published><updated>2007-06-08T15:55:20.906+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>CSS 好東西</title><content type='html'>&lt;dl&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://iwanthotnews.blogspot.com/2007/01/53css.html"&gt;53個你不能錯過的CSS技巧&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://iwanthotnews.blogspot.com/2007/01/12css.html"&gt;12個基本CSS樣版下載&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://iwanthotnews.blogspot.com/2006/12/200650css.html"&gt;2006年50個基於CSS的最佳網頁設計&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.7dspace.com/seybold/everything.html"&gt;為何使用表格排版是不明智的&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;說明應讓用div加CSS的排版方式，而非用表格。&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://rafael.adm.br/css_browser_selector/"&gt;CSS Browser Selector&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;可以針對不同的Browser來設定CSS的CSS Browser Selector。&lt;/dd&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.w3schools.com/css/default.asp"&gt;w3schools css 參考&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://css.maxdesign.com.au/"&gt;maxdesign css教學&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://www.maxdesign.com.au/presentation/page_layouts/"&gt;Sample CSS Page Layouts&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dt&gt;&lt;a href="http://dean.edwards.name/IE7/"&gt;IE7&lt;/a&gt;&lt;/dt&gt;&lt;br /&gt;&lt;dd&gt;IE7 is a JavaScript library to make IE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6&lt;/dd&gt;&lt;br /&gt;&lt;/dl&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4074319929401495875?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4074319929401495875/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4074319929401495875' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4074319929401495875'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4074319929401495875'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/css.html' title='CSS 好東西'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-9203846477218383400</id><published>2007-06-08T10:45:00.000+08:00</published><updated>2007-06-08T10:50:20.448+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger'/><title type='text'>線上工具–HTML unicode</title><content type='html'>資料來源: http://joshnote.wordpress.com/2007/02/13/%e7%b7%9a%e4%b8%8a%e5%b7%a5%e5%85%b7%e2%80%93html-unicode/&lt;br /&gt;&lt;br /&gt;當你在Blog要貼上html程式碼時，最麻煩的是什麼？&lt;br /&gt;&lt;br /&gt;我想有經驗的人一定知道，那就是&lt;和&gt;這兩個符號，常常動不動就被吃掉，偏偏這兩個符號又最常用，在我剛用Blogger的時侯，就常常為了要使&lt;和&gt;這兩個符號正常顯示而花了不少時間。&lt;br /&gt;&lt;br /&gt;現在我介紹給各位一個好物，很方便的線上工具–&lt;a href="http://www.csie.ntu.edu.tw/%7Epiaip/unihtml/"&gt;HTML unicode&lt;/a&gt;，如下圖：&lt;br /&gt;&lt;br /&gt;當你下次要在Blog上貼上Html程式碼時，只要到&lt;a href="http://www.csie.ntu.edu.tw/%7Epiaip/unihtml/"&gt;HTML unicode&lt;/a&gt;這裡，把你的程式碼貼在 Original這個textarea內，它就會把轉換好的程式碼顯示在Charcode這個textarea之中，你再Copy到你的文章之中就行了，很方便吧！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-9203846477218383400?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/9203846477218383400/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=9203846477218383400' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/9203846477218383400'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/9203846477218383400'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/html-unicode.html' title='線上工具–HTML unicode'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4286706606943709826</id><published>2007-06-07T11:15:00.000+08:00</published><updated>2007-06-07T16:31:31.142+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger'/><title type='text'>Blogger新版Template的ReadMore</title><content type='html'>&lt;h3&gt;設定-&gt;格式-&gt;文章範本&lt;/h3&gt;&lt;br /&gt;1. 填入: 這裡是文章的開頭。 &amp;lt;span class="fullpost"&amp;gt;這裡是文章的其餘部份。&amp;lt;/span&amp;gt;&lt;br /&gt;2. 存檔&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;範本-&gt;修改 HTML&lt;/h3&gt;&lt;br /&gt;0.備份 / 還原模版-&gt;在編輯模版之前，先儲存一份模版。 (重要)&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;1.核選"展開小裝置範本" (重要)&lt;br /&gt;&lt;br /&gt;2.在&amp;lt;Head&amp;gt;&amp;lt;/Head&amp;gt;中加入&lt;br /&gt;&lt;pre style="background:#ACE"&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;  &amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt; &lt;br /&gt;    span.fullpost {display:inline;}&lt;br /&gt;  &amp;lt;b:else/&amp;gt;&lt;br /&gt;    span.fullpost {display:none;} &lt;br /&gt;  &amp;lt;/b:if&amp;gt;&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;3.在&amp;lt;div class='post-body'&amp;gt;&amp;lt;/div&amp;gt;中加入&lt;br /&gt;&lt;pre style="background:#ACE;"&gt;&amp;lt;b:if cond='data:blog.pageType != "item"'&amp;gt;&lt;br /&gt;  &amp;lt;br/&amp;gt;&lt;br /&gt;  &amp;lt;b:if cond='data:post.link'&amp;gt;&lt;br /&gt;    &amp;lt;a expr:href='data:post.link'&amp;gt;Read more!&amp;lt;/a&amp;gt;&lt;br /&gt;  &amp;lt;b:else/&amp;gt;&lt;br /&gt;    &amp;lt;b:if cond='data:post.url'&amp;gt;&lt;br /&gt;      &amp;lt;a expr:href='data:post.url'&amp;gt;Read more!&amp;lt;/a&amp;gt;&lt;br /&gt;    &amp;lt;b:else/&amp;gt;&lt;br /&gt;      &amp;lt;data:post.title/&amp;gt;&lt;br /&gt;    &amp;lt;/b:if&amp;gt;&lt;br /&gt;  &amp;lt;/b:if&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;接著再新增一篇文章試試! 把不顯示的部份放在&amp;lt;span class="fullpost"&amp;gt;&amp;lt;/span&amp;gt之中.&lt;br /&gt;您可再做一些調整讓畫面更好看.&lt;br /&gt;以上是給新版本Blogger的Template用的.&lt;br /&gt;&lt;br /&gt;以下是相關的說明網頁, 都有一些小問題, 舊版的是"傳統範本", 新本的是[版面配置], 我是依照說明再做修改才能運作的.&lt;br /&gt;原說明的&amp;lt;a href="&amp;lt;data:post.url/&amp;gt;"&amp;gt;Read more!&amp;lt;/a&amp;gt;是有問題的!&lt;br /&gt;&lt;br /&gt;http://help.blogger.com/bin/answer.py?answer=42215&lt;br /&gt;http://help.blogger.com/bin/answer.py?answer=42214&lt;br /&gt;http://help.blogger.com/bin/answer.py?answer=46995&lt;/b:else&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/b:else&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4286706606943709826?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4286706606943709826/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4286706606943709826' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4286706606943709826'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4286706606943709826'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/bloggertemplatereadmore.html' title='Blogger新版Template的ReadMore'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6811132460989906308</id><published>2007-05-02T16:50:00.000+08:00</published><updated>2007-06-07T14:33:06.013+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>自動將選取的文字放入clipboard</title><content type='html'>getSel()傳回選取的文字&lt;br /&gt;copy_clip(txt)將文字放入clipboard&lt;br /&gt;在body的onmouseup="copy_clip(getSel());", 就可以自動將選取的文字放入clipboard囉!&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;pre style="border-style: dashed; font-size: 12px;"&gt;&lt;br /&gt;function copy_clip(meintext)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt; if (window.clipboardData) &lt;br /&gt;   {&lt;br /&gt;   &lt;br /&gt;   // the IE-manier&lt;br /&gt;   window.clipboardData.setData("Text", meintext);&lt;br /&gt;   &lt;br /&gt;   // waarschijnlijk niet de beste manier om Moz/NS te detecteren;&lt;br /&gt;   // het is mij echter onbekend vanaf welke versie dit precies werkt:&lt;br /&gt;   }&lt;br /&gt;   else if (window.netscape) &lt;br /&gt;   { &lt;br /&gt;   &lt;br /&gt;   // dit is belangrijk maar staat nergens duidelijk vermeld:&lt;br /&gt;   netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');&lt;br /&gt;   &lt;br /&gt;   // maak een interface naar het clipboard&lt;br /&gt;   var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);&lt;br /&gt;   if (!clip) return;&lt;br /&gt;   &lt;br /&gt;   // maak een transferable&lt;br /&gt;   var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);&lt;br /&gt;   if (!trans) return;&lt;br /&gt;   &lt;br /&gt;   // specificeer wat voor soort data we op willen halen; text in dit geval&lt;br /&gt;   trans.addDataFlavor('text/unicode');&lt;br /&gt;   &lt;br /&gt;   // om de data uit de transferable te halen hebben we 2 nieuwe objecten nodig   om het in op te slaan&lt;br /&gt;   var str = new Object();&lt;br /&gt;   var len = new Object();&lt;br /&gt;   &lt;br /&gt;   var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);&lt;br /&gt;   &lt;br /&gt;   var copytext=meintext;&lt;br /&gt;   &lt;br /&gt;   str.data=copytext;&lt;br /&gt;   &lt;br /&gt;   trans.setTransferData("text/unicode",str,copytext.length*2);&lt;br /&gt;   &lt;br /&gt;   var clipid=Components.interfaces.nsIClipboard;&lt;br /&gt;   &lt;br /&gt;   if (!clip) return false;&lt;br /&gt;   &lt;br /&gt;   clip.setData(trans,null,clipid.kGlobalClipboard);&lt;br /&gt;   &lt;br /&gt;   }&lt;br /&gt;   //alert("Following info was copied to your clipboard:\n\n" + meintext);&lt;br /&gt;   return false;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function getSel()&lt;br /&gt;{&lt;br /&gt; var txt = '';&lt;br /&gt; var foundIn = '';&lt;br /&gt; if (window.getSelection)&lt;br /&gt; {&lt;br /&gt;  txt = window.getSelection();&lt;br /&gt;  foundIn = 'window.getSelection()';&lt;br /&gt; }&lt;br /&gt; else if (document.getSelection)&lt;br /&gt; {&lt;br /&gt;  txt = document.getSelection();&lt;br /&gt;  foundIn = 'document.getSelection()';&lt;br /&gt; }&lt;br /&gt; else if (document.selection)&lt;br /&gt; {&lt;br /&gt;  txt = document.selection.createRange().text;&lt;br /&gt;  foundIn = 'document.selection.createRange()';&lt;br /&gt; }&lt;br /&gt; else return;&lt;br /&gt; //alert(txt);&lt;br /&gt; //alert(foundIn);&lt;br /&gt; return(txt);&lt;br /&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6811132460989906308?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6811132460989906308/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6811132460989906308' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6811132460989906308'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6811132460989906308'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/05/clipboard.html' title='自動將選取的文字放入clipboard'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4296125226541277226</id><published>2006-12-22T10:42:00.000+08:00</published><updated>2007-06-07T14:26:19.451+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><title type='text'>會響的 PuTTY + screen + irssi</title><content type='html'>當PuTTY 視窗切到背景時，希望當關鍵字（例如自己的 ID ）出現時，視窗就會發出通知，例如：閃爍或聲音。&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;1. irssi設定以下, 讓irssi發出訊號&lt;br /&gt;    /set beep_when_window_active ON&lt;br /&gt;    /set beep_when_away ON&lt;br /&gt;    /set beep_msg_level MSGS NOTICES DCC DCCMSGS HILIGHT&lt;br /&gt;    /set bell_beeps ON&lt;br /&gt;2. ~/screenrc 裏加上vbell on或在screen裏按Ctrl-a Ctrl-g, 讓screen 會通知putty, &lt;br /&gt;3. putty的settings-&gt;Terminal-&gt;Bell-&gt;Set the style of bell&lt;br /&gt;  可以選擇putty通知你的方式&lt;br /&gt;　．選擇Visual Bell(Flash Window)，讓Putty通知Windows閃爍．&lt;br /&gt;　．選擇Play a custom sound file，可以發出聲音．&lt;br /&gt;&lt;br /&gt;備註:&lt;br /&gt;&lt;div style="background-color:#8CB6D6"&gt;&lt;br /&gt;可用的beep_msg_level(設定樣什麼樣的訊息才要通知)如下:&lt;br /&gt;&lt;br /&gt;CRAP, MSGS, PUBLIC, NOTICES, SNOTES, CTCPS, ACTIONS, JOINS, PARTS&lt;br /&gt;QUITS, KICKS, MODES, TOPICS, WALLOPS, INVITES, NICKS, DCC, DCCMSGS,&lt;br /&gt;CLIENTNOTICE, CLIENTCRAP, CLIENTERROR&lt;br /&gt; &lt;br /&gt;And a few special ones that could be included with the levels above:&lt;br /&gt;HILIGHT - text is highlighted&lt;br /&gt;NOHILIGHT - don't check highlighting for this message&lt;br /&gt;NO_ACT - don't trigger channel activity when printing this message&lt;br /&gt;NEVER - never ignore or log this message (not a good idea usually)&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;參考資料&lt;br /&gt;1.Jedi's BLOG http://jedi.org/blog/archives/003191.html&lt;br /&gt;2.My_Beep Irssi-script http://www.xs4all.nl/~stacium/irssi/my_beep.html&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;更新時間 2007/06/07&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4296125226541277226?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4296125226541277226/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4296125226541277226' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4296125226541277226'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4296125226541277226'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/12/putty-screen-irssi.html' title='會響的 PuTTY + screen + irssi'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-6928772025002724238</id><published>2006-11-23T16:01:00.000+08:00</published><updated>2007-09-20T10:20:42.296+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>Mozilla Firefox 操作備忘</title><content type='html'>Alt + D 游標移至網址列&lt;br /&gt;Ctrl + W or Ctro關閉分頁&lt;br /&gt;Ctrl + n  直接切換到第 n 個分頁 (Windows)&lt;br /&gt;Alt + n  直接切換到第 n 個分頁 (Linux)&lt;br /&gt;Ctrl + 滑鼠左鍵  以新的分頁開啟連結&lt;br /&gt;Shift + 滑鼠左鍵  以新的視窗開啟連結&lt;br /&gt;Ctrl + View-&gt;Source 開在新Tab&lt;br /&gt;Ctrl + View-&gt;Source 開在側邊欄&lt;br /&gt;Ctrl + K 搜尋引擎, Alt+Enter新分頁顯示結果&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-6928772025002724238?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://cha.homeip.net/blog/archives/2006/02/mozilla_firefox.html' title='Mozilla Firefox 操作備忘'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/6928772025002724238/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=6928772025002724238' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6928772025002724238'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/6928772025002724238'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/mozilla-firefox.html' title='Mozilla Firefox 操作備忘'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4616643568958809742</id><published>2006-11-19T06:26:00.000+08:00</published><updated>2006-11-19T06:36:23.510+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>Sitemaps 0.90可讓網站站長通知搜尋引擎有網頁上線</title><content type='html'>&lt;span style="font-size:78%;"&gt;CNET新聞專區：Elinor Mills　　17/11/2006&lt;/span&gt;&lt;br /&gt;「在首度攜手改善網頁索引流程的合作中，三家公司將會宣佈支援Sitemaps 0.90，它可讓網站站長通知搜尋引擎有網頁上線，以便可以更完而有效被索引(index)到，以提供他們在搜尋引擎上的可見度，」三家公司的共同新聞稿 指出。「對使用者而言，Sitemaps可確保他們得到更高質更新的搜尋結果。」&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4616643568958809742?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://taiwan.cnet.com/news/software/0,2000064574,20111784,00.htm' title='Sitemaps 0.90可讓網站站長通知搜尋引擎有網頁上線'/><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4616643568958809742/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4616643568958809742' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4616643568958809742'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4616643568958809742'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/sitemaps-090.html' title='Sitemaps 0.90可讓網站站長通知搜尋引擎有網頁上線'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-4932984955899008060</id><published>2006-11-18T05:17:00.000+08:00</published><updated>2006-11-18T06:12:26.298+08:00</updated><title type='text'></title><content type='html'> &lt;h3&gt; 這是測試的文章, 從Google Doc發佈的&lt;/h3&gt;abcd&lt;br&gt;12345&lt;br&gt; &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-4932984955899008060?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/4932984955899008060/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=4932984955899008060' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4932984955899008060'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/4932984955899008060'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/google-abcd-12345.html' title=''/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-90737533032483984</id><published>2006-11-17T14:21:00.001+08:00</published><updated>2007-07-20T01:46:39.009+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='FreeBSD'/><title type='text'>irssi UTF-8 Big5 中文轉換與設定</title><content type='html'>&lt;a href="http://blog.seety.org/everydaywork/archive/253/"&gt;這個Blog有詳細的說明&lt;/a&gt;, 簡述如下.&lt;br /&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;putty程式的Settings-&gt;Window-&gt;Translator設為UTF-8&lt;/li&gt;&lt;li&gt;進screen的時候記得用screen -URD (U是使用UTF-8)&lt;/li&gt;&lt;li&gt;進irssi後要設定&lt;/li&gt;&lt;/ul&gt;/SET term_charset UTF-8&lt;br /&gt;/SET recode_transliterate ON&lt;br /&gt;/SET recode_fallback UTF-8&lt;br /&gt;/SET recode_out_default_charset UTF-8&lt;br /&gt;&lt;br /&gt;/RECODE ADD #debian-zh UTF-8&lt;br /&gt;/RECODE ADD #debian.tw Big5&lt;br /&gt;/RECODE&lt;br /&gt;&lt;br /&gt;irssi的設定檔存在 ~/.irssi/config&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;irssi 自動加入頻道&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;/network add OFTC&lt;span style="color: rgb(153, 51, 0);"&gt;(irc network)&lt;/span&gt;&lt;br /&gt;/server add -auto -ircnet OFTC&lt;span style="color: rgb(255, 102, 0);"&gt;(irc network) &lt;/span&gt;irc.debian.org&lt;span style="color: rgb(153, 51, 0);"&gt;(server)&lt;/span&gt;&lt;br /&gt;/channel add -auto #dot&lt;span style="color: rgb(255, 153, 0);"&gt;(channel)&lt;/span&gt; OFTC&lt;span style="color: rgb(153, 51, 0);"&gt;(irc network)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;irssi命令&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;/server list: 列出Server&lt;br /&gt;/channel list: 列出Channel&lt;br /&gt;/win list: 列出視窗&lt;br /&gt;/join #abc: 加入channel abc&lt;br /&gt;/msg: Sends a message to a nick or a channel&lt;br /&gt;/leave: 離開視窗&lt;br /&gt;/quit: 離開irssi&lt;br /&gt;/nick: 改名字&lt;br /&gt;Alt + 數字: 切換視窗&lt;br /&gt;Ctrl + n: 下一個視窗&lt;br /&gt;&lt;br /&gt;/channel add -auto #ossf-bugteam IRCnet&lt;br /&gt;/channel add -auto #elixus       IRCnet&lt;br /&gt;/channel add -auto #ossf         IRCnet&lt;br /&gt;/channel add -auto #perl.tw      IRCnet&lt;br /&gt;/channel add -auto #bsdchat      IRCnet&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-90737533032483984?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/90737533032483984/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=90737533032483984' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/90737533032483984'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/90737533032483984'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/irssi-utf-8-big5_17.html' title='irssi UTF-8 Big5 中文轉換與設定'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-3462694701531229700</id><published>2006-11-17T04:16:00.005+08:00</published><updated>2009-12-11T23:40:45.978+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='iFrame'/><title type='text'>Iframe自動調整高度, 在子網域SubDomain的情形</title><content type='html'>全部參考：&lt;br /&gt;1.&lt;a href="http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html"&gt;Iframe自動調整高度, 在子網域SubDomain的情形&lt;/a&gt;&lt;br /&gt;2.&lt;a href="http://wadevelop.blogspot.com/2008/12/iframe-auto-height-clientheightoffsethe.html"&gt;處理iframe auto height(Iframe自適應高度)&lt;/a&gt;&lt;br /&gt;3.&lt;a href="http://wadevelop.blogspot.com/2009/02/iframe-auto-heightiframe.html"&gt;處理iframe auto height(Iframe自適應高度) - 相關問題紀錄&lt;/a&gt;&lt;br /&gt;4.&lt;a href="http://wadevelop.blogspot.com/2009/03/iframe-auto-heightiframe.html"&gt;完整的iframe auto height程式(在iframe內容頁中處理)&lt;/a&gt;&lt;br /&gt;5.或許你想要 "&lt;a href="http://wadevelop.blogspot.com/2009/12/html-include-html.html"&gt;html include html，兩種工具介紹。&lt;/a&gt;"&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;如果CompanyName.com要以Iframe放入srv.CompanyName.com的網頁, 這時會有cross-site的問題, 無法互相以javascript設定Iframe的高度, 因此想到要以cookie的傳遞來完成這件工作.&lt;br /&gt;&lt;br /&gt;當然子網域是可以用簡單的方式，就是設定document.domain，例如sub.a.com和www.a.com都加上document.domain = "a.com"，但這樣會延伸出安全性的問題，&lt;br /&gt;1. 因為不只iframe height，其它的網頁元素或資訊，如cookie也全都可以取得。&lt;br /&gt;2. 其它如other.a.com，本來希望是cross-site，但它也可以跟著設定domain。&lt;br /&gt;3. 可能會提供customer.a.com給你的客戶。&lt;br /&gt;&lt;br /&gt;所謂cross-site，不同host就是cross-site&lt;br /&gt;of.openfoundry.org 和 rt.of.openfoundry.org互相是cross-site, 沒有主從關係&lt;br /&gt;of.openfoundry.org 和 of.openfoundry.org/rt, path間的關係不是cross-site&lt;br /&gt;&lt;br /&gt;適用於IE;Firefox;Opera&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;過程大致如下:&lt;br /&gt;1.在Iframe內容頁面(srv.CompanyName.com)的onload時, 取得頁面高度, 並放在主要Domain Cookie(CompanyName.com)中.&lt;br /&gt;2.在CompanyName.com的網頁中, 再於Iframe的onload時, 取得Cookie的的值, 再去設定Iframe的高度.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;過程1:&lt;br /&gt;&lt;pre style="FONT-SIZE: 12px; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed"&gt;&lt;br /&gt; function iframeAutoFit()&lt;br /&gt; {&lt;br /&gt;  var now = new Date();&lt;br /&gt;  setCookie("IframeMaxHeight", this.document.body.scrollHeight,&lt;br /&gt;    now,"/","CompanyName.com");&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(window.attachEvent)&lt;br /&gt; {&lt;br /&gt;  window.attachEvent("onload",  iframeAutoFit);&lt;br /&gt; }&lt;br /&gt; else if(window.addEventListener)&lt;br /&gt; {&lt;br /&gt;  window.addEventListener('load',  iframeAutoFit,  false);&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; function setCookie(name, value, expires, path, domain, secure) {&lt;br /&gt;   var curCookie = name + "=" + escape(value) +&lt;br /&gt;       ((expires) ? "; expires=" + expires.toGMTString() : "") +&lt;br /&gt;       ((path) ? "; path=" + path : "") +&lt;br /&gt;       ((domain) ? "; domain=" + domain : "") +&lt;br /&gt;       ((secure) ? "; secure" : "");&lt;br /&gt;   document.cookie = curCookie;&lt;br /&gt; }&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;過程2:&lt;br /&gt;&lt;pre style="FONT-SIZE: 12px; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed"&gt;&lt;br /&gt;&amp;lt;iframe id="wiki" src="Content.html" frameborder="NO" scrolling="auto"&lt;br /&gt;    style="width:100%; height:2000px" onload="DoIframeToMaxHeight();"&amp;gt;&lt;br /&gt;&amp;lt;/iframe&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; function DoIframeToMaxHeight(){&lt;br /&gt;  //某些Browser的Iframe onload事件似乎慢了一點, 或setCookie時慢了一點, 所以要等一下子&lt;br /&gt;  window.setTimeout('IframeToMaxHeight("wiki")',500);&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; function IframeToMaxHeight(id){&lt;br /&gt;  try{&lt;br /&gt;   document.getElementById(id).style.height =&lt;br /&gt;     parseInt(getCookie("IframeMaxHeight")) + 50;&lt;br /&gt;  }&lt;br /&gt;  catch (ex){}&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; function getCookie(name) {&lt;br /&gt;   var dc = document.cookie;&lt;br /&gt;   var prefix = name + "=";&lt;br /&gt;   var begin = dc.indexOf("; " + prefix);&lt;br /&gt;   if (begin == -1) {&lt;br /&gt;     begin = dc.indexOf(prefix);&lt;br /&gt;     if (begin != 0) return null;&lt;br /&gt;   } else&lt;br /&gt;     begin += 2;&lt;br /&gt;   var end = document.cookie.indexOf(";", begin);&lt;br /&gt;   if (end == -1)&lt;br /&gt;     end = dc.length;&lt;br /&gt;   return unescape(dc.substring(begin + prefix.length, end));&lt;br /&gt; }&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;一些情形:&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;1.Iframe 的onload事件:&lt;br /&gt;  在Linux的Konqueror中似乎只有第一次, 之後內容的改變都不會再onload.&lt;br /&gt;  Mac的Safari似乎沒有這個onload事件, 因此Iframe先預設高度為2000px.&lt;br /&gt;  而IE 6; Firefox 2; Opera 9都沒有問題.&lt;br /&gt;2.在Konqueror3.5中Iframe會蓋住Div&lt;br /&gt;3.觀看時調整字型變大時, 不會立即有反應, 而會出會Scroll Bar.&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-3462694701531229700?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/3462694701531229700/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=3462694701531229700' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3462694701531229700'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/3462694701531229700'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/iframe-subdomain.html' title='Iframe自動調整高度, 在子網域SubDomain的情形'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1151503651180107838</id><published>2006-11-16T14:42:00.000+08:00</published><updated>2006-11-16T15:07:42.125+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Other'/><title type='text'>新版blogger終於beta了</title><content type='html'>新版blogger終於beta了, 真是令人高興, 一直期待有Tag的功能(就為了這一個小小的要求而已), 否則已經想轉到別的blog System去了. 開始來給他好好的試用看看吧!!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1151503651180107838?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1151503651180107838/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1151503651180107838' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1151503651180107838'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1151503651180107838'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/11/bloggerbeta.html' title='新版blogger終於beta了'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-1417189349393571839</id><published>2006-11-09T11:36:00.000+08:00</published><updated>2007-06-12T11:37:50.796+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>WYSIWYG</title><content type='html'>what you see is what you get 所見即所得&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-1417189349393571839?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/1417189349393571839/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=1417189349393571839' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1417189349393571839'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/1417189349393571839'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2007/06/wysiwyg.html' title='WYSIWYG'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-2707835788522128799</id><published>2006-10-31T11:38:00.000+08:00</published><updated>2007-06-12T11:39:58.225+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>“captcha”，唸起來像是 “capture ya”：「逮到你了！」</title><content type='html'>這種搗蛋圖片就叫做 “captcha”，唸起來像是 “capture ya”：「逮到你了！」&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-2707835788522128799?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/2707835788522128799/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=2707835788522128799' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2707835788522128799'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/2707835788522128799'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/10/captcha-capture-ya.html' title='“captcha”，唸起來像是 “capture ya”：「逮到你了！」'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7570320779862104573.post-7428766941755948815</id><published>2006-01-22T11:39:00.000+08:00</published><updated>2007-06-12T11:39:42.676+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>Javascript Tag</title><content type='html'>&lt;code&gt;&lt;pre&gt;&lt;br /&gt;&amp;lt;script type="text/jscript" language="jscript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;script type="text/javascript" language="javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;/code&gt;&lt;br /&gt;使用jscript在firefox時, 是完全不會被理會的.&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7570320779862104573-7428766941755948815?l=wadevelop.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wadevelop.blogspot.com/feeds/7428766941755948815/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7570320779862104573&amp;postID=7428766941755948815' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7428766941755948815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7570320779862104573/posts/default/7428766941755948815'/><link rel='alternate' type='text/html' href='http://wadevelop.blogspot.com/2006/01/javascript-tag.html' title='Javascript Tag'/><author><name>wangaguo</name><uri>http://www.blogger.com/profile/01716107925205765897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_S4MquLqv4ms/SJaWc6tdh5I/AAAAAAAAAks/_-o-TDLZqag/S220/DSCN1585.JPG'/></author><thr:total>0</thr:total></entry></feed>
