2015年6月11日 星期四

把 PDF 嵌入網頁中


需注意的一點,PDF 需要可以讓 Google Doc 找的到


網頁 from : 如何在網頁中嵌入 PDF 檔案
http://www.qna.tw/how-to-embed-pdf-file-into-web-page

以下截自文章:

1.
把你的 PDF 原始檔上傳到自己網站上,例如:Examle.pdf

2.
利用下列語法,將線上瀏覽介面嵌入:
<|| iframe src=”http://docs.google.com/gview?url=pdf檔案網址&embedded=true” style=”width:600px; height:500px;” frameborder=”0″ ||><||/iframe||>
其中:
。http://docs.google.com/gview
 使用Google的線上閱讀器的網址,它是由 Google Docs 所提供的工具。
。pdf檔案網址
 例如上述檔案的網址就是:http://www.qna.tw/upload_file/EMASREPORT.pdf
 但需注意,這個網址需要經過 Escape 處理,才不會出現語法衝突的問題。
。width:600px; height:500px;
 就是設定閱讀器尺寸的 CSS 語法,也可以再加一些其他效果。

3.
完成後就可以線上閱讀了。但是,如果每天開啟網頁都立即載入的話,會太浪費頻寬。
所以可以在檔案的下載鏈結旁加入「線上閱讀」的鏈結,而在點擊後才開啟閱讀器的介面,就可以讓操作流程快速又便利了。

4.
程式碼範例:(詳細範例請看原範例)

function sample() {    
if (jQuery('#pdf_viewer').size() > 0)
{
jQuery('#pdf_viewer').remove() ;
    } else {
jQuery('#sample').append('<|| iframe id="pdf_viewer"
src="http://docs.google.com/gview?url=http://www.qna.tw/upload_file/EMASREPORT.pdf&embedded=true"
mce_src="http://docs.google.com/gview?url=http://www.qna.tw/upload_file/EMASREPORT.pdf&embedded=true" style="width:540px;height:540px;border:#888 solid 1px"
frameborder="1"||><||/iframe||>') ;
    }
}

2014年9月22日 星期一

[轉貼文章]為什麼我們沒錯也要逼自己認錯

轉貼文章 https://tw.news.yahoo.com/blogs/society-watch/%E7%82%BA%E4%BB%80%E9%BA%BC%E6%88%91%E5%80%91%E6%B2%92%E9%8C%AF%E4%B9%9F%E8%A6%81%E9%80%BC%E8%87%AA%E5%B7%B1%E8%AA%8D%E9%8C%AF-075002702.html
------

朋友LINE我「晚上來吃飯」。原來她升高三的女兒倫倫,從上週末就,嗯,有點不愉快。朋友叫我去陪倫倫。

我問:「吵架?」
朋友忙否認,「沒事沒事,都是小事。」原來上上週末回婆家,看守寡的婆婆。可愛的孫女倫倫蹭著奶奶趴在大床上翻老相簿,看奶奶青春美豔逼人橫掃美軍俱樂部宴會照片,又是珍珠耳環又是大鑽戒殺氣沖天。婆婆挖出珠寶給倫倫試戴,兩人學007女郎搞笑自拍上傳。等到喊吃晚飯,倫倫下床去擺碗筷,婆婆隨手收拾。

睡前婆婆再拿出珠寶保養,發現耳環少了一隻。

婆婆焦心,獨自沒日沒夜地想,想著是夫妻倆到日本養珠勝地旅遊買的紀念,也算丈夫遺物,怎能沒了。忍了一禮拜,下個週末全家同車上館子聚餐時,一個煞車失靈,婆婆無預警爆炸了。

婆婆告訴倫倫:「我的東西,將來都是你的。可我還沒死呢,你急什麼?不過是個耳環,值得嗎?」

倫倫不懂,只見媽媽倒抽一口氣。等明白過來,倫倫又急又氣,正待分辯沒偷,黑暗中媽媽輕掐倫倫手背示意噤聲,一面忍怒勸慰奶奶別動氣,求情說小孩子難免犯錯,回家一定教訓。

我問:「老人家是否失智?」

朋友又慌亂否認:「呸呸呸別亂講。婆婆只是偶爾有點憂鬱症,東西亂擺忘了會懷疑到別人頭上,才把外傭辭了。我也跟倫倫說,老人家說不聽,你又不是不知道,跟她計較是自己氣死而已,幹嘛放在心上。偏偏這孩子氣她氣到整個禮拜不講話,是要逼死誰啊。你說說她吧。」

今晚飯後倫倫陪我看電視,卻戴著耳機,自顧盯著手機。問她看韓劇嗎,她把螢幕湊過來,是新聞影片,知名餅店製餅用上餿水油,群眾上門鼓譟退貨,店員含淚吃餅。這我也約略聽說,可是不懂,為什麼顧客要逼店員吃不好的東西,為了出氣嗎?

倫倫解釋,一批芝麻肉餅用了餿水油,別批沒使用。可是顧客拿了別批餅來退,說不相信餅店,別批一定也用了。店員吃給大家看,證明沒使用。
 
我不懂店員為什麼要吃,難道吃了顧客就信嗎?

倫倫說,因為店員生氣了。

氣顧客嗎?

她說不是,重播讓我看清楚,我說:「不用啦,你不需要陪我再看一遍。」

她說:「我看了幾十遍。」

看了不舒服的影片,為什麼要看幾十遍?

我們沉默看著螢幕上,顧客怒指別批餅也有事,要退;店員主張沒事,拒退。櫃台內像是老闆的阿姨插進來,負氣喊「我退給你」皮夾掏錢奉客。女店員擁前阻擋,齊喊「不要退」。

倫倫眼眶含淚。

倫倫說,「店員起初確和顧客衝突,但這時不是在氣顧客,因為顧客不知道別批餅有沒有用餿水油,只有餅店知道沒使用。所以知道的餅店需要對不知情顧客說明,說不通再換方法說。店員氣的是老闆息事寧人,以為真相得罪人,說不通,寧可不說,花錢消災。

不料顧客喊「若沒問題就不要退」。店員和這顧客雙方意見一致:不要餅店屈打成招、割地賠款,要釐清關鍵事實,別餅有沒有用餿水油?沒餿水油的餅就別退款,退了就是承認有餿水油。只有老闆一方夾在中間沒問題也退款,好比賭氣向顧客說「你說有就有,那你高興了吧」。認錯,就算冒認也有後患要承擔,結果店員背黑鍋。

因為老闆禁止她們反抗,所以店員沉默吃餅抗議。

收到退款是顧客收到訊息「這餅有事」;店員吃餅也是繼續發訊息給顧客,說「這餅沒事」。

就算顧客不相信,老闆也放棄,店員們都沒放棄自辯清白。

所以我崇拜店員們的堅強。」

我沒想到倫倫是這樣看事件,一時語塞。推測未必是餅店真相,卻道出她內心感受。

倫倫若有所悟,忽然撥了手機,跟對方聊起韓劇,把我晾一邊。

講了一個多鐘頭,倫倫才說:「還有喔,小姐你聽好,上次我真沒拿你的耳環。」

我一震。原來倫倫通話對象是奶奶。

一會收線後,我問:「你不是在氣奶奶嗎,怎麼聊得這麼開心?」

倫倫說:「我承認奶奶可以生氣,因為她不知道我有沒有偷,只有我知道。但媽媽叫我別講話,替我向奶奶求情的時候,我突然好害怕,是不是媽媽也懷疑我?所有人都以為我是小偷?是不是我真偷了?然後我回神明白了,媽媽明明曉得真相,可是不承認,還要我配合撒謊。」

「難道要媽媽叫你向奶奶嗆聲嗎?」

倫倫說:「要說有很多方法說,不用嗆聲。要是對方不接受,那我承認我談判失敗。有了經驗,我下次會做更好,想辦法讓對方接受。但無論結果成敗,不會比『我有說出來』更重要。

我氣的是媽媽。我想說真話,媽媽要我不能說。因為她怕冒犯老人家、指出權威犯錯就是大不孝,會被大家罵到死。

可是,奶奶並沒有要我們騙她。剛才奶奶回答我說,等她找回耳環就送我。

我相信奶奶不是壞人,如果我真沒拿,奶奶也想知道我沒拿。

我相信餅店顧客不是壞人,如果別批餅真的沒問題,他們也想知道沒問題。

只是局勢把老闆嚇壞,她太害怕了,沒辦法相信顧客講得通,結果每個人都受傷。」

我問:「你怎麼知道老闆害怕?」

「因為她受虐待時的自虐反應,跟奶奶發脾氣時我媽的慘狀一模一樣。」倫倫轉過頭,不讓我看見她心酸落淚。

為什麼我們沒錯也要逼自己認錯?

因為害怕。

我們自己不知道,沒想到身邊人早已看得比誰都清楚。

先用一分鐘體會這害怕。

2014年9月11日 星期四

老祖宗的智慧 - 通血管

轉載自網路文章
---------------------------------
通血管的古方,不管多嚴重都能通

通血管的古方簡易製作法
原有的製作法較麻煩,而且效果可能也較差,因它經過煮沸濃縮,其功效已被打折。玆經過多次改良後,得到如下的簡易製作法並且其效果百分百不折扣(因沒加熱)

準備下列材料:
1. 蒜頭150g:剝皮打碎。放置空氣中15分鐘以上,產生蒜頭素才有效。
2. 生薑150g:洗淨涼乾後切成小丁。
3. 蘋果醋250g:在超市購買。可用任何天然米醋代替。
4. 檸檬汁250g:購買新鮮貨搾汁。可到有機店購買德國進口的有機檸檬汁200cc/瓶,約160元。

以上四種材料 (一批量適合果汁機一次的量) 混合放入高速果汁機打成極細之泥狀即成,放入冰箱內冷藏。以上成品約有800ccc的量(使用前搖勻),每日服30cc~60cc(2~4瓷湯匙),可酌加蜂蜜調和口味。如胃腸健康者,早餐前5分鐘以上服用,否則飯後服用。開始服用時,可由少量逐漸增加,視各人的適應度決定。如果有燥熱反應者可酌增檸檬汁或蜂蜜的比例。如果血脂肪及膽固醇較高者可酌增醋的比例。總之,其份量可依各人的体質及症狀輕重自由調配,不受約束。

當然萬物的功效沒決對百分百有效,因各人的体質及健康輕重狀況不同及年齡而有差異。但長期有恒的服用,是可顯現出其功效的。不妨試試。


PS : 
1.請先將材料放入冰箱內冷藏後再打汁,才不會因打汁時產生過熱而減低功效。  
2.也可使用其他醋代替蘋果醋,只要能強力袪血脂肪之醋(如天然的糯米醋等) 皆可代用。 
3.可酌加水稀釋,較能入喉。 
4.服用後有可能會出現良好的反應 (反應的症狀及輕重依各人体質的不同而有差異,但在短時間內就會漸漸消除,也就是發揮效能的開始,請放心。如有很嚴重的反應致身體無法承受時,請速就醫),如輕度反應時,可繼續服用,如嚴重反應時,可減量或暫停服用,此反應不是服西藥的有害副作用。

2012年11月14日 星期三

[jQuery x AJAX] Cross Domain


今天在survey 跨網域問題,集合了大家的力量,終於成功了!

請看連結 :


1. jQuery除錯_訪問不同網域之服務出現「No Transport」錯誤

2. CRM2011 and Cross Domain calls Part 2


--------
不過,我最後試成功的是以下(還是要感謝官網的資訊): 
----------------------------------------------------------
       $.ajax({
            type: "GET",
            async: false,
            crossDomain: true,
            dataType: "jsonp",
            url: saveMaskUrl,
            jsonpCallback: function (data) {
                alert("Save mask success.");
                isOk = true;
            }
        });
----------------------------------------------------------

這段 code 也可以成功,但當第一次跨網段時,會出現一個 message 確認對話視窗,按確定後,才會成功;按否,則會失敗....
----------------------------------------------------------
        jQuery.support.cors = true;
        $.ajax({
            type: "GET",
            async: false,
            crossDomain: true,
            contentType: "application/json; charset=utf-8",
            dataType: "html",
            url: saveMaskUrl,            
            success: function (data, textStatus, XmlHttpRequest) {
                //alert("Save mask success.");
            },
            error: function (XmlHttpRequest, textStatus, errorThrown) {
                alert("Error: " + saveMaskUrl+"\n" + errorThrown);                
            }
        });
----------------------------------------------------------



2011年12月14日 星期三

[Struts2] Simple UI Tags

文章轉貼自 here

 之前我們介紹了一些 tags,主要都是輔助 programmers 完成頁面上資料的存取,在這裡我將開始描述關於顯示在頁面上與使用者互動的表單 (form)。不過,我先簡介一些共同有的 attributes,因為這些 attributes 如果在介紹 tag 時重複敘述,感覺過於累贅!

共同 attributes

共 同的 attributes 就是所有的 tags 都會擁有的,為了之後將重點放在各個 tags 上,我們就將這些 attributes 分開來介紹,這裡要注意的是,如果某個 attribute 的 type 屬於 String,那就表示該 attribute 的 value 只能接受字串,如果想要將 OGNL expression language 寫入,就必須在 expression 加上 %{} 符號 - %{ expression } - 這樣 Struts2 framework 就可以正確解析 OGNL 了!如果該 type 屬於 Object,那你就可以大方的將 OGNL expression 置入,無須加上 %{} 符號了!

AttributeTypeDescription
nameString用來設定 form 元件,並且會依照 name 所設定的值,將其對應到 Action 中的 property
valueObject用來設定 form 元件中所包含的值
keyStringi18n 用
labelString設定某個 form 元件顯示的字串
labelpositionString設定 label 顯示的位置:left 或 top
requiredBoolean如果設定為 true,則該 form 元件的 label 會出現 * 符號
idString相同於 HTML 的 id 屬性,通常用於 java script 與 CSS
cssClassString相同於 HTML 的 css 屬性
cssStyleString相同於 HTML 的 style 屬性
disabledBoolean相同於 HTML 的 disabled 屬性
tabindexString相同於 HTML 的 tabindex 屬性

Simple UI tags


上面描述的是共同的 attribute,以下將介紹一些 UI 相關並基礎的 tags,對於共同的 attribute 就不會重複提及。

1) Head Tag
對 於任何的 HTML 或 JSP 來說,要產生一個網頁通常都是以 開頭,對於 Struts2 提供的 來說,卻不同於一般的 HTML head tag,如果你試過 Struts2 提供的 head tag,你應該會發現,tag 本身並不作任何事情,而是在網頁中默默的幫我們加入一些檔案連結,這些檔案的連結目的在於支援其他的 tag 完成設定。在使用 Struts2 提供的 head tag 時,一定要放置於 HTML 的 head tag 之下,否則自動產生的檔案連結會放到不正確的位置而導致無法使用某些功能!
Struts 的 head tag 本身並沒有其他的 attribute 需要設定,我們可以簡單的使用:



這樣的撰寫就會自動幫我們產生一些檔案的連結。

2) Form Tag
Form tag 對於 UI 來說是最重要的 tag,因為他是所有 UI tag 的上層元件,如果對於 HTML 熟悉的話,form tag 的使用應該不會陌生,而且我們之前就看過蠻多的範例了!下表是一些 form tag 的 attributes (除了共同 attributes 之外):

AttributeTypeDescription
actionString指定該 form 送出的目標 Action
namespaceString目標 Action 的 namespace,預設值是目前的 namespace
methodString相同於 HTML 的 method attribute,預設值是 POST
targetString相同於 HTML 的 target attribute
enctypeString若要使用檔案上傳,則填入 multipart/form-data
validateBoolean設定該 form 是否使用 javascript 驗證,當使用 Validation Framework 時,此 attribute 要設定為 true,驗證功能才能正常運作

在 上述眾多 attributes 中,最重要的莫過於 action 了!因為他主導整個 form 的目標 action,在這裡設定 action attribute 時要注意,我們無須填入 .action 的縮寫,因為 form 元件會幫我們完成,如果目標的 action 與現在是相同的 namespace,我們就無須填寫 namespace,否則我們就需要 namespace attribute 幫助我們找到 Action。每當 form 元件被執行時會有以下三種可能發生的狀況:
  1. 如果 action attribute 沒有被設定,則 form 的目標就會指向目前的 Action
  2. 如 果有指定 action attribute,form 就會根據 Action 的位置配合上 namespace 來設定目標。如果 namespace 沒有被指定,就會使用目前的 namespace。當我們在設定 action attribute 時,我們無須加上 .action 的延伸網址
  3. 如果 action attribute 所指定的值不屬於一個 Action,form 元件的目標就會直接將該值作為目標。這種情況下,我們就需要自己加上延伸網址 (如:.jsp, .html 等),並且我們的相對位址需要以 / 作為開頭,例如:/myApp/b.jsp。另外要注意的是,如果我們採用此種方法,即使我們指定 namespace attribute,form 元件也會自動忽略!
3) Textfield Tag
這 個 tag 對於你來說也是無可避免的!因為沒有此 tag,你就無法取得使用者的資料,所以這個 tag 也算是最常使用的!不過要注意的是 textfield tag 的 name 與 value attribute,一般來說,我們無需要指定 value attribute,因為我們只需要指定 name attribute 讓 OGNL 幫我們去 ActionContext 中取得對應的值來填入,當然,我們也可以填寫 value attribute,但是要注意的是,如果我們自己有填寫 value attribute,那 name 指定的 OGNL 所取到的值就不會顯示在 textfield tag 上了,這點要注意喔!以下是一些 textfield tag 的 attributes:

AttributeTypeDescription
maxlengthString指定 textfield 的可輸入最大長度
readonlyBoolean如果設定為 true,則該 textfield 就無法輸入字串
sizeStringtextfield 的長度

4) Password Tag
這 個 tag 跟 textfield 幾乎是一樣的,不過當使用者輸入字串時,所有的文字都會被包裝成其他的符號,以防資料外洩!這個 tag 的使用其實跟 textfield 是相同的,所以我就不多說了!以下是 password tag 的 attributes:

AttributeTypeDescription
maxlengthString指定 textfield 的可輸入最大長度
readonlyBoolean如果設定為 true,則該 textfield 就無法輸入字串
sizeStringtextfield 的長度
showPasswordBololean使否將 OGNL 取到的值顯示在 value 中,預設 false

上 面列出的 attributes 中,幾乎跟 textfield 是一樣的,不過多了一個 showPassword attribute,這個 attribute 是讓我們設定是否要將 name attribute 中指定的 OGNL 取到的值顯示,在這裡我所謂的顯示不是大剌剌的用文字方式顯示,當然是有被遮蔽的顯示,不過從原始碼中還是可以看到原來的值,所以 showPassword attribute 預設值為 false,為的就是不要產生一些 security issues 來困擾 programmers,在這裡我也建議你不要將此 attribute 設定為 true!

5) Textarea Tag
同樣的,textarea 從開發角度上來說,與 textfield 並沒有太大的差別,主要就是提供使用者多行的輸入欄位!以下就是一些 textarea tag 的 attributes:

AttributeTypeDescription
colsInteger指定 textarea 的行數
rowsInteger指定 textarea 的列數
readonlyBoolean如果設定為 true,則該 textarea 就無法輸入字串
wrapString相同於 HTML 的 wrap attribute

6) Checkbox Tag
這 裡的 checkbox 元件如果你認為跟 HTML 的 checkbox 一樣的話,那你就錯了!因為在 Struts2 提供的 checkbox 元件是一個單一 HTML 的 checkbox,這是什麼意思呢?一般的 HTML checkbox 提供了多個選項讓使用者選擇零或多個,但是這裡的 checkbox 只提供使用者一個選項,也就是選或不選。所以這個 checkbox 不同於 HTML 的 checkbox。這個 checkbox 只提供 Boolean 的功能,也就是說其對應的 property 一定要是一個 boolean property,如果要像 HTML 提供的 checkbox 有相同功能的話,要改使用 checkboxlist tag,現在不會提到!
以下是 checkbox tag 的 attribute:

AttributeTypeDescription
fieldValueString這裡所填寫的 value 是真正會被傳送到 Action 中的值,主要是 true 或 false,預設值為 true
valueString這裡是用來判斷此 checkbox 是否會被勾選

看 到上面的 attribute 你一定會感到很奇怪,value attribute 已經是共同的 attribute 了,為何在這裡還會在重新點出呢?原因就在於 checkbox 元件還有一個 fieldValue 這會與 value attribute 搞混!所以在這裡要特別點名。
fieldValue attribute 中的值代表當此 form 被送出後,fieldValue 中填寫的值會真正被送到 Action 中對應的 property,而 value attribute 只是用來判斷此 checkbox 是否需要被勾選。當 OGNL 取得 ValueStack 中的值,會將此值寫入 value attribute 中 (任何一個元件都是這樣),使用者可以看到此 checkbox 是否有被選起來。所以 fieldValue 與 value attribute 之間不要弄混了!
另外,checkbox 所指定的 name attribute,其對應到的 property 需要是一個 boolean 型態,否則會無法運作!

在這裡列出了六種簡單的 UI tag 給你參考,這裡列出的都是針對單一的 property,之後我將介紹關於 Collection-based 相關的 UI tags。

2011年5月24日 星期二

[轉貼]軟體推薦:Android 手機10大必備軟體

網頁連結於此 網頁

筆者的手機好久沒有愛惜它了,想說來查查看有啥必備軟體,不查不知道,一查嚇了一跳~哇,大家好賣力的在推薦,這一篇文章介紹的好詳細,讓人想來分享一下。

請點連結過觀看。

以上。

[轉貼]支援/相容 Firefox 4 的擴充套件推薦列表

轉貼於 此部落格,詳細的記錄了各種套件的功能唷!

升級 Firefox 後,啊哩~怎麼 pcman(看bbs的套件)被停用了!?怎麼 eazy to drag(使用滑鼠就可輕鬆拖曳連結並開啟)也被停用了!?

停用的原因則是與 升級的 4.0.1版不相容……

好吧!認命的google一下,好險還是有類似的套件可以用。

-----------以下正文開始-----------

相較於 Google Chrome 的快速更新版本編號, Firefox 4 的發表, 反而讓人有種期待的心情, 不過每一回改版, 就是或多或少會遇上常用的擴充套件並未隨之更新, 一者是等待做整更新, 要不就是期待有沒有熱心的網友釋出修正版本, 這回 Mozilla 讓擴充套件開發人員有不少的緩衝時間, 先前安裝 Firefox 4 RC2 時, 常用的套件都已經可以正常運作, 不需要透過安裝 Nightly Tester Tools 的方式來啟用相容模式。

雖然這次更新, 已經加入了 Sync, 不過最希望的同步擴充套件功能還是沒有出現, 雖然先前嘗試過 Siphon 這套擴充套件, 在某種程度上可以達到需求, 不過問題還是很多, 對中文擴充套件的相容度也頗為糟糕, 重點是開發似乎遇到瓶頸, 釋出到現在也沒有繼續更新, 自然也沒辦法在 Firefox 4 下正常運作, 同步這個部分, Google Chrome 內建的同步擴充功能倒是非常讓人激賞, 啟用同步功能, 就可以簡單在不同電腦中安裝並直接開始使用, 完全不需要一個個手動安裝, 在火狐出現類似功能之前, 還是整理個常用擴充套件列表, 方便記憶和管理。


推薦使用
套件名稱 : Adblock Plus 1.3.3
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/adblock-plus/
更新日期 : December 23, 2010
使用教學 : 點我開啟
套件介紹 : 誠如其名, Adblock 自然是針對網頁中的廣告連結或者是 Popup 進行攔阻, 提供乾淨的瀏覽頁面, 不過要達到最佳的效果, 針對自己經常瀏覽的網頁, 來挑選對相對應的過濾規則是很重要的, 以自己的使用經驗, 目前訂閱的 Filter 為 EasyList, EasyElement 以及 ChinaList, 至於訂閱的方式請參考使用教學

套件名稱 : BBSFox 1.0.75
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/bbsfox/
更新日期 : January 1, 2011
使用教學 : 點我開啟
套件介紹 : 直接使用 Firefox 來開啟 BBS, 使用者無需額外安裝像是 PCMan 或者 KKMan 這類軟體來瀏覽 Ptt 等 BBS Server

套件名稱 : Download Statusbar 0.9.8
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/download-statusbar/
更新日期 : March 11, 2011
套件介紹 : Download Statusbar 不僅能夠將原本跳出的下載視窗, 縮小到狀態列上方, 不僅僅用簡單明瞭的方式來顯示目前檔案下載狀況以及進度, 也提供使用者許多的自訂功能以及檔案續傳等功能, 更可以呼叫防毒軟體來檢查檔案是否有夾帶病毒

套件名稱 : Easy DragToGo+ 1.1.3
套件網頁 : https://addons.mozilla.org/zh-TW/firefox/addon/easy-dragtogo-1/
更新日期 : March 14, 2011
使用教學 : 點我開啟
套件介紹 : 過拖拉的滑鼠手勢, 輕易地在新分頁開啟連結, 搜尋選取的文字以及快速的儲存圖片, 尤其是經常習慣閱讀大量論壇文章的使用者更是不能錯過, 快速的將所有文章開啟在背景分頁中, 然後一口氣閱讀所有開啟的討論串

套件名稱 : FireGestures 1.6.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/firegestures/
更新日期 : January 2, 2011
使用教學 : 點我開啟
套件介紹 : 滑鼠手勢一直都是瀏覽網頁時最重要的輔助功能之一, FireGestures 不管是在功能上或者是對於手勢的辨識度, 在同質性套件中, 可以說是一時之選

套件名稱 : Greasemonkey 0.9.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/greasemonkey/
更新日期 : January 25, 2011
套件介紹 : 安裝油猴之後, 可以讓火狐套用使用者腳本中的 JavaScript 來調整顯示介面以及強化網頁應用功能

套件名稱 : IE Tab 2 (FF 3.6+) 2.12.21.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/ie-tab-2-ff-36/
更新日期 : December 21, 2010
使用教學 : 點我開啟
套件介紹 : 在火狐瀏覽網頁時, 呼叫 IE 核心來開啟網頁內容, 不需要再額外打開 IE 來瀏覽 IE Only 的網頁, 同時也可以自訂清單, 開啟某些網頁自動使用 IE 核心來瀏覽內容

套件名稱 : Xmarks 書籤同步套件 3.9.5
套件網頁 : https://addons.mozilla.org/zh-TW/firefox/addon/xmarks-sync/
更新日期 : February 14, 2011
使用教學 : 點我開啟
套件介紹 : 在不同電腦以及不同瀏覽器之間同步書間、密碼、歷史資訊等訊息


調整使用者介面
套件名稱 : Barlesque 1.15
套件網頁 : https://addons.mozilla.org/zh-TW/firefox/addon/barlesque/
更新日期 : December 30, 2010
使用教學 : 點我開啟
套件介紹 : 擴充套件讓火狐的附加元件列顯示更為精簡而快速的操作顯示介面

套件名稱 : Easy App Tabs 3
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/easy-app-tabs/
更新日期 : February 13, 2011
使用教學 : 點我開啟
套件介紹 : 在目標分頁按下右鍵選擇"釘選成應用程式分頁"是這回 Firefox 4 新加入的功能之一, 擴充套件允許使用滑鼠雙擊目前瀏覽分頁切換成 App Tab

套件名稱 : Locationbar² 1.0.6
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/locationbar%C2%B2/
更新日期 : February 28, 2011
使用教學 : 點我開啟
套件介紹 : 除了自訂網址列的顯示格式, 擴充套件本身也提供快速的子網域切換方式

套件名稱 : Movable Firefox Button 1.2
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/movable-firefox-button/
更新日期 : March 9, 2011
使用教學 : 點我開啟
套件介紹 : 當使用者將 Firefox 4 開啟全螢幕時, 擴充套件允許使用者可以自訂功能選單按鈕的位置

套件名稱 : Personal Menu 5.0.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/personal-menu/
更新日期 : March 16, 2011
使用教學 : 點我開啟
套件介紹 : 讓使用者可以自訂打造屬於自己專用的 Firefox 4 下拉功能選單輔助工具

套件名稱 : Quick Search Bar 2.1.11
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/quick-search-bar/
更新日期 : February 16, 2011
使用教學 : 點我開啟
套件介紹 : 讓使用者在使用 Firefox 4 的同時, 可以更快速的在搜尋列中針對不同資訊來套用對應的搜尋引擎來尋找資料

套件名稱 : Roomy Bookmarks Toolbar 1.1.6
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/roomy-bookmarks-toolbar/
更新日期 : March 24, 2011
使用教學 : 點我開啟
套件介紹 : 精簡書籤工具列的圖示訊息顯示, 在有限空間內透過顯示 Favicon (網址圖示) 來呈現更多網站連結

套件名稱 : Status-4-Evar 2011.04.06.18
套件網頁 : https://addons.mozilla.org/zh-TW/firefox/addon/status-4-evar/
更新日期 : April 8, 2011
使用教學 : 點我開啟
套件介紹 : 將瀏覽狀態列和附加元件列作結合, 使用者可以自訂顯示網頁瀏覽狀態, 並且避免顯示資訊和其他訊息出現重疊而造成混淆, 例如 Barlesque


最佳化設定
套件名稱 : FasterFox Lite 3.9.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/fasterfox-9148/
更新日期 : February 25, 2011
使用教學 : 點我開啟
套件介紹 : 提供使用者調整瀏覽器的網路效能設定

套件名稱 : PlacesCleaner 收藏庫清潔工 0.40
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/placescleaner/
更新日期 : December 15, 2010
使用教學 : 點我開啟
套件介紹 : 定期清理 places.sqlite 裡頭的無效歷史瀏覽資訊, 保持 Firefox 收藏庫運作的更快更有效率


個人偏好
套件名稱 : CheckPlaces 2.4.5
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/checkplaces/
更新日期 : March 18, 2011
使用教學 : 點我開啟
套件介紹 : 檢查書籤中無效連結或者重複標記的網頁

套件名稱 : Cutyfox URL Shortener (bit.ly, is.gd, goo.gl) 1.4.0
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/cutyfox-url-shortener-googl-is/
更新日期 : January 7, 2011
使用教學 : 點我開啟
套件介紹 : 方便易用的 goo.gl 短網址套用工具

套件名稱 : F.B. Purity- Clean Up Your Facebook Homepage
套件網頁 : https://addons.mozilla.org/en-US/firefox/addon/fb-purity-cleans-up-facebook/
更新日期 : March 18, 2011
使用教學 : 點我開啟
套件介紹 : 輔助使用者管理臉書過多無用的動態訊息

套件名稱 : Flagfox 4.1.1
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/flagfox/
更新日期 : March 9, 2011
使用教學 : 點我開啟
套件介紹 : 除了提供瀏覽網頁的基本資訊之外, 擴充套件本身同時提供為數眾多的網域查詢工具

套件名稱 : Locale Switcher 3
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/locale-switcher/
更新日期 : January 11, 2011
使用教學 : 點我開啟
套件介紹 : 使用社群火狐社群版本必備的語系切換輔助工具

套件名稱 : Google Reader Watcher 1.3.6
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/google-reader-watcher/
更新日期 : January 8, 2011
使用教學 : 點我開啟
套件介紹 : 定期幫使用者檢查 Google Reader 是否有新聞章, 並在狀態列顯示目前尚未閱讀文章數目

套件名稱 : Google Redesigned 0.6
套件網頁 : https://addons.mozilla.org/zh-tw/firefox/addon/google-redesigned/
更新日期 : January 11, 2011
使用教學 : 點我開啟 套件介紹 : 美化 Google Reader、Gmail、Gdoc 以及 Gcal 的使用者介面

套件名稱 : Yet Another Smooth Scrolling 3.0.16
套件網頁 : https://addons.mozilla.org/zh-TW/firefox/addon/yet-another-smooth-scrolling/
更新日期 : January 13, 2011
使用教學 : 點我開啟
套件介紹 : 透過適當的演算法, 讓使用者在捲動網頁內容時, 能夠更順暢更適合閱讀

POI 感想序

筆者最近一直在玩POI套件,學著把讀檔、寫檔…

POI是一個強大的套件啊!

不過,目前看來對 word的支援還沒有太好,

excel的支援則是比word多還不錯,但excel 的 chart除外。

改天,來分享一下 POI的使用。

我還把它包起來,可以更容易的讀取 excel,但是對於製定表格value object 就沒辦法了。

格式太多,太雜,很難一一定下來,只好作罷。

倒是有寫對 excel table title parse 的方法。

希望對於讀excel 檔案時,可以更易於使用。

寫於 2011/5/24

2011年1月26日 星期三

[轉貼]SVN 使用安裝教學文章

svn是寫專案的人必備。

詳細安裝教學:
-----------
SVN (Subversion 、TortoiseSVN)設定大全
點我前往

2010年8月10日 星期二

[轉貼]鋰電池和鎳電池的差異

在手機中,無論是從技術角度評估還是從價格方面的考慮,電池都佔有十分重要的地位。時值今日,市場上正在銷售的手機中,所使用的電池已經基本完成了從鎳電池
到鋰電池的過渡。也許是由於手機電池剛剛完成了一次鎳電池到鋰電池的革命,所以人們對鋰電池的認識並不統一,在許多情況下不正確的說法和做法頗為流行。因 此,懂得一點鋰電池的知識,掌握鋰電池的正確使用方法是非常有必要的。

  一、鋰電池的種類:

   目前市面上所使用的二次電池主要有鎳氫(Ni-MH)與鋰離子(Li-ion)兩種類型。鋰離子電池中已經量產的有液體鋰離子電池(LiB)和聚合物鋰
離子電池(LiP)兩種。所以在許多情況下,電池上標注了Li-ion的,一定是鋰離子電池。但不一定就是液體鋰離子電池,也有可能是聚合物鋰離子電池。

   鋰離子電池是鋰電池的改進型產品。鋰電池很早以前就有了,但鋰是一種高度活躍(還記得它在元素週期表中的位置嗎?)的金屬,它使用時不太安全,經常會在
充電時出現燃燒、爆裂的情況,後來就有了改進型的鋰離子電池,加入了能抑制鋰元素活躍的成份(比如鈷、錳等等)從而使鋰電真正達到了安全、高效、方便,而 老的鋰電池也隨之基本上淘汰了。至於如何區分它們,從電池的標識上就能識別,鋰電池為Li、鋰離子電池為Li-ion。現在,筆記本和手機使用的所謂“鋰 電池”,其實都是鋰離子電池。

   現代電池的基本構造包括正極、負極與電解質三項要素。作為電池的一種,鋰離子電池同樣具有這三個要素。一般鋰離子技術使用液體或無機膠體電解液,因此需
要堅固的外殼來容納可燃的活性成分,這就增加了電池的重量和成本,也限制了尺寸大小和造型的靈活性。一般而言,液體鋰離子二次電池的最小厚度是6mm,再
減少就比較困難。

  而所謂聚合物鋰離子電池是在這三種主要構造中至少有一項或一項以上使用高分子材料作為其主要的電池系統。

  新一代的聚合物鋰離子電池在聚合物化的程度上已經很高,所以形狀上可做到薄形化(最薄0.5毫米)、任意面積化和任意形狀化,大大提高了電池造型設計的
靈活性,從而可以配合產品需求,做成任何形狀與容量的電池。同時,聚合物鋰離子電池的單位能量比目前的一般鋰離子電池提高了50%,其容量、充放電特性、
安全性、工作溫度範圍、迴圈壽命與環保性能等方面都較鋰離子電池有大幅度的提高。

   目前市面上所銷售的液體鋰離子(LiB)電池在過度充電的情形下,容易造成安全閥破裂因而起火的情形,這是非常危險的,所以必需加裝保護IC線路以確保 電池不會發生過度充電的情形。而高分子聚合物鋰離子電池方面,這種類型的電池相對液體鋰離子電池而言具有較好的耐充放電特性,因此對外加保護IC線路方面 的要求可以適當放寬。此外在充電方面,聚合物鋰離子電池可以利用IC定電流充電,與鋰離子二次電池所採用的CCCV(Constant Currert-Constant Voltage)充電方式所需的時間比較起來,可以縮短許多的等待時間。 

  二、手機製造商對鋰電池的應用情況

  雖然近幾年來幾乎所有廠家都已經傾向於採用鋰離子電池,但世界各大手機製造商對電池的選擇還是有自己的特點和習慣,例如曾經在相同的一段歷史時期?:

  諾基亞:採用Ni-MH(鎳氫)電池、LiB(液體鋰離子)電池,未採用LiP(聚合物鋰離子)電池。

  愛立信:採用Ni-MH電池、LiB電池、LiP電池。

  摩托羅拉:採用Ni-MH電池、LiB電池,未採用LiP電池。

  不難發現,從為手機最早選用LiP聚合物鋰離子電池這件事情上,愛立信體現出自己手機技術先驅的本色。根據我查找到的資料表明,目前聚合物鋰離子電池主要製造廠為日本SONY、 松下、GS等幾家公司,2000年的生產量達到2100萬隻,其中50%為愛立信手機配套。進入2002年的今天,鋰離子電池在其他手機廠商的手機上也已 廣泛的應用與普及。但在聚合物鋰離子電池的使用上,還遠沒有達到在所有手機廠家的產品中得到普及的程度,廣泛應用還有待時日。

   另一方面,雖然鋰離子電池優點多多,但也有缺陷,如價格高和充放電次數少等等。鋰電池的充放電次數只有400-600次,經過特殊改進的產品也不過 800多次。而鎳氫電池的充電次數能夠達到700次以上,某些品質好的產品充放電可達1200次,這樣一比較,鎳氫電池要比鋰電池長壽。此外鎳氫電池的價
格也要比鋰電池低很多。而且嚴格說來,鋰電池同樣會有記憶效應,只是它的記憶效應非常低,基本上可以忽略不計。

  由此看來,目前還沒有十全十美電池。 

  三、鋰離子電池的使用

  這部分是本文的重點,我們分三點來談。

  1、如何為新電池充電

   在使用鋰電池中應注意的是,電池放置一段時間後則進入休眠狀態,此時容量低於正常值,使用時間亦隨之縮短。但鋰電池很容易啟動,只要經過3—5次正常的 充放電迴圈就可啟動電池,恢復正常容量。由於鋰電池本身的特性,決定了它幾乎沒有記憶效應。因此用戶手機中的新鋰電池在啟動過程中,是不需要特別的方法和
設備的。不僅理論上是如此,從我自己的實踐來看,從一開始就採用標準方法充電這種“自然啟動”方式是最好的。

   對於鋰電池的“啟動”問題,眾多的說法是:充電時間一定要超過12小時,反復做三次,以便啟動電池。這種“前三次充電要充12小時以上”的說法,明顯是 從鎳電池(如鎳鎘和鎳氫)延續下來的說法。所以這種說法,可以說一開始就是誤傳。鋰電池和鎳電池的充放電特性有非常大的區別,而且可以非常明確的告訴大
家,我所查閱過的所有嚴肅的正式技術資料都強調過充和過放電會對鋰電池、特別是液體鋰離子電池造成巨大的傷害。因而充電最好按照標準時間和標準方法充電, 特別是不要進行超過12個小時的超長充電。通常,手機說明書上介紹的充電方法,就是適合該手機的標準充電方法。

   此外,鋰電池的手機或充電器在電池充滿後都會自動停充,並不存在鎳電充電器所謂的持續10幾小時的“涓流”充電。也就是說,如果你的鋰電池在充滿後,放 在充電器上也是白充。而我們誰都無法保證電池的充放電保護電路的特性永不變化和品質的萬無一失,所以你的電池將長期處在危險的邊緣徘徊。這也是我們反對長
充電的另一個理由。

   此外在對某些手機上,充電超過一定的時間後,如果不去取下充電器,這時系統不僅不停止充電,還將開始放電-充電迴圈。也許這種做法的廠商自有其目的,但
顯然對電池和手機/充電器的壽命而言是不利的。同時,長充電需要很長的時間,往往需要在夜間進行,而以我國電網的情況看,許多地方夜間的電壓都比較高,而
且波動較大。前面已經說過,鋰電池是很嬌貴的,它比鎳電在充放電方面耐波動的能力差得多,於是這又帶來附加的危險。

  此外,不可忽視的另外一個方面就是鋰電池同樣也不適合過放電,過放電對鋰電池同樣也很不利。這就引出下面的問題。

  2、正常使用中應該何時開始充電

  在我們的論壇上,經常可以見到這種說法,因為充放電的次數是有限的,所以應該將手機電池的電盡可能用光再充電。但是我找到一個關於鋰離子電池充放電迴圈的實驗表,關於迴圈壽命的資料列出如下:

  迴圈壽命 (10%DOD):>1000次

  迴圈壽命 (100%DOD):>200次

  其中DOD是放電深度的英文縮寫。

從表中可見,可充電次數和放電深度有關,10%DOD時的迴圈壽命要比100%DOD的要長很多。當然如果折合到實際充電的相對總容
量:10%*1000=100,100%*200=200,後者的完全充放電還是要比較好一些,但前面網友的那個說法要做一些修正:在正常情況下,你應該
有保留地按照電池剩餘電量用完再充的原則充電,但假如你的電池在你預計第2天不可能堅持整個白天的時候,就應該及時開始充電,當然你如果願意背著充電器到
辦公室又當別論。

  而你需要充電以應付預計即將到來的會導致通訊繁忙的重要事件的時候,即使在電池尚有很多餘電時,那麼你也只管提前充電,因為你並沒有真正損失“1”次充電迴圈壽命,也就是“0.x”次而已,而且往往這個x會很小。

   電池剩餘電量用完再充的原則並不是要你走向極端。和長充電一樣流傳甚廣的一個說法,就是“儘量把手機電池的電量用完,最好用到自動關機”。這種做法其實 只是鎳電池上的做法,目的是避免記憶效應發生,不幸的是它也在鋰電池上流傳之今。曾經有人因為手機電池電量過低的警告出現後,仍然不充電繼續使用一直用到
自動關機的例子。結果這個例子中的手機在後來的充電及開機中均無反應,不得不送客服檢修。這其實就是由於電池因過度放電而導致電壓過低,以至於不具備正常 的充電和開機條件造成的。

  3、對鋰電池手機的正確做法

  歸結起來,我對鋰電池手機在使用中的充放電問題最重要的提示是:

  1、按照標準的時間和程式充電,即使是前三次也要如此進行;

  2、當出現手機電量過低提示時,應該儘量及時開始充電;

  3、鋰電池的啟動並不需要特別的方法,在手機正常使用中鋰電池會自然啟動。如果你執意要用流傳的“前三次12小時長充電啟動”方法,實際上也不會有效果。

  因此,所有追求12小時超長充電和把鋰電池手機用到自動關機的做法,都是錯誤的。如果你以前是按照錯誤的說法做的,請你及時改正,也許為時還不晚。

   當然,在手機及充電器自身保護和控制電路品質良好的情況下,對鋰電池的保護還是有相當保證的。所以對充電規則的理解才是重點,在某些情況下也是可以做出
某種讓步的。比如你發現手機在你夜晚睡覺前必須充電的話,你也可以在睡前開始充電。問題的關鍵在於,你應該知道正確的做法是什麼,並且不要刻意按照錯誤的 說法去做。

when the type of table's column is DATETIME

當資料庫欄位是 DATETIME 時,該怎麼辦呢?

在遇到此問題前,筆者都是直接對該欄位下SQL,直接把日期時間以String型態寫入DB,

但是,因為EJB CMP的關係,必須以DATE型態直接寫入,不能再使用String的方式。

果真讓筆者傷腦筋啊~

---
方法一:把String 轉成DATE
參考網址

String date = "2003-10-04 18:30:25";
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
ParsePosition pp = new ParsePosition(0);
try {
Date date = df.parse(date);
System.out.println (date.toString());
} catch (Exception e) {
e.printStackTrace();
}
//RESULT: Sat Oct 04 18:30:25 CST 2003


p.s. 但我要的格式並沒有成功,雖然有成功轉成date物件 Q_Q
------------------------------------
方法二:

DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Date date = new Date() ;
System.out.println(dateFormat.format(date));

//RESULT: 2010-08-10 00:22:42


p.s. 但使用dateFormat.format() 的結果是把日期轉成String,結果還是無法把日期時間寫入資料庫。
------------------------------------
方法三:


java.util.Date ud = java.util.Date ud = java.util.Calendar.getInstance().getTime();
java.sql.Timestamp time = new java.sql.Timestamp(ud.getTime());
System.out.println(time.toString());
//RESULT: 2010-08-10 22:18:37.643


使用TIMESTAMP物件,轉換時間成功,這時,就可以成功寫入物件。

結論,java的世界真是博大精深啊!!!

以上。

2010年5月17日 星期一

【轉載】CSS3相關文章

CSS3帶來了意想不到的方便,許多以往需借用繪圖軟體把字套用我們想要的字型後,需做成圖片,顯示在網頁上,才不會離了我們想要的效果,但css3不僅僅支援了網路字型,更有其他不錯的效果,讓網頁的呈現更為豐富。

筆者看到css3的出現,只有「我心狂喜」四個字來形容。真的感謝 CSS創始人Hakon Wium Lie 創造了這麼好用的css3讓網頁可以變得美美的,而不是一成不變。

需要注意的是,各瀏覽器的版本,是否有支援css3喔~要不然小叮噹會變成方塊叮噹XD

(奎.Ke.2010/05/17)

以下,有興趣的人,到各文章慢慢品嚐css3帶來的嚮宴。

---

1. 【O專欄】CSS3:網頁外觀新衝擊之圖像背景加工篇(按我前往網頁)

文章引言:「
筆者針對CSS3介紹了網路字型,也就是直接在網頁程式碼中指定存在網路上的字型,便可呈現出在任何平台、任何支援瀏覽器下都一樣美觀的字體。為了讓大家充分利用CSS3的特性,這次要介紹如何修飾圖像邊緣(border)與背景(background)。

過去網頁設計者要將圖像加工,例如在邊界修圓角,經常需要藉助第三方軟體,如Photoshop等工具來修圖。有時候我們想對文字做些立體效果,像是加上陰影,還是得靠PS來修,然後把這些文字轉換為圖像後再上傳,沒辦法直接以程式碼辦到。(Photoshop一套可不便宜!)

CSS3在這一方面做了嘗試,能直接透過CSS代碼來對圖像、文字做出修飾,讓常要作的網頁外觀設計變得更簡單、幾行代碼就能完成。W3C規範對提出了各種不同的功能與外觀修飾語法,今天就來介紹幾個設計者在作圖像加工時常會用到的:「圓角加工(border-radius)」、「陰影加工(box-shadow)」與「拼接背景圖像(multiple background)」。

雖然大部分的主流瀏覽器都已經支援borders和background語法,但由於CSS3還在規劃中、尚未定案,所以有些瀏覽器會使用自己的語法。比方Firefox是-moz-border-radius,Safari與Chrome的Webkit引擎則是-webkit-border-radius。為了避免讓設計者因為配合不同的語法而要寫一堆額外的程式碼,Opera則直接採用最標準的語法,去除指令前瀏覽器的代稱。但在W3C對CSS3標準還沒完全規範之前,如果要使用CSS3語法,又想要所有的支援CSS3的瀏覽器都可以正常支援的話,最好還是將這三種語法都寫進去比較保險。



2. 詳細規範請見:W3C組織CSS3背景與圖像邊緣的完整語法規範(英文)

3. 跨瀏覽器 CSS3 代碼生成器

4. IE-CSS3 讓 IE 支援 CSS3

5. 【O專欄】CSS 3:網頁外觀新衝擊之字型篇
文章引言:

範例1:如何在CSS上套用網路字型
範例2:如何在SVG上套用網路字型
範例3:網路字型也可做特效

CSS 3的網路字型可以讓設計師擺脫以往受限於系統字型,提供多種不同的字型選擇,讓網頁整體設計活潑、富有變化。網路字型可以單獨被使用,同時也可以在如 SVG的圖形下使用,並製造特效,讓網站設計更突出、更具風格。目前最新版的瀏覽器中,Apple Safari(Webkit引擎)、Firefox以及Opera 皆已逐步支援CSS 3中網路字型這項屬性。



6. 網路字型的應用文章(英文版)

2010年3月27日 星期六

解決瀏覽器對表單自動記憶問題

筆者在寫網頁時,一直困擾於瀏覽器會對表單自動記憶登入過的資料的問題。

舉例來說,在登入時,輸入帳密,只要打前一、二個字,就會在下方出現符合字串的選項,供使用者選擇。
在某些方面,不想記憶全名時,是非常好用的。
但,並不適用於全部的網頁,由其是那些公用電腦。

所幸,找到一個不錯的tag 屬性語法 ,autocomplete="off"


其實,目前不管是不是htm 或 html, IE、CHROME(google browser)、firefox都有 瀏覽器對表單自動記憶問題 ,因為 autocomplete 這個屬性預設為 on。,只要按submit button後,除非手動清楚 瀏覽器的歷史記憶,就會一直存在,只要輸入帳號的前幾個字,瀏覽器的 輸入框會自動帶出以前輸入的資料。

發現這個語法後,已架server測試過,autocomplete 這個屬性試用三種瀏覽器,不會自動將輸入過的資料顯示出來。

在網路上當然也有許多相關的討論,不過,還是寫出來分享一下 ^___^

--------
引用文章如下
標題:解決 Firefox 重新載入網頁保留 form 資料的問題
(網址:http://blog.xuite.net/vexed/tech/22296974)

在 form 加上一個屬性 autocomplete="off" 就可以了,這個 form 所有的 input 和 select 值在重新載入網頁時都不會被保留。這個解法的後遺症是瀏覽器本來的 AutoComplete 功能就被關起來了,但應該也只有 input type 是 text 的時候 AutoComplete 才有作用。如果只有單一一個 input 或 select 的值不想被保留,也可以把 autocomplete="off" 加在 input 或 select 上。
html tag: input autocomplete="off" ... />
html tag: select autocomplete="off" ... />

相關文章:
解決 .htm 或 .html 重新載入網頁保留 form 資料的問題
(網址:http://blog.xuite.net/vexed/tech/24136350)
--------

查詢關鍵字:
1. html autocomplete + firefox / off
2. 瀏覽器 自動記憶 autocomplete

相關文章
1. What is AutoComplete?

2. the discussion of mozilla for Server can't turn off Password Manager || WellsFargo won't allow Moz/N6 || autocomplete=off not supported

3. Autocomplete for wiki

--------
以上。

2010年2月28日 星期日

簡單使用 javascript -> tree 樹狀結構

Destroydrop » Javascripts » Tree
官方網址:(按我前往)

javascript樹型菜單(Dtree和Xtree),說明與介紹:(按我前往)

[轉貼]17個好用的 j Query 列表

筆者最近在想要如何美化網頁,功能有,但如果網頁變美,那使用網頁時,心情會變得很好很好~

不找不知道,一找嚇一跳 XD

原來,網路上的工具如此之多,不用自己慢慢建。

jQuery其實是javascript的封裝包,需要會的語言除了基本的html語法,還有css和 javascript。

它讓網頁變得更動感。

---
轉述:
隨著 jQuery 的插件日多,要在官方的 wiki 上找到自己想要的插件已經變得十分困難。所以整理了一份常用的 jQuery plugin列表,方便自己找資料,也順便溫習一下 jQuery ,免得老是重造別人造過的輪子 (重造很易,Fix bug 才要命…)。


按我前往觀看

2010年1月27日 星期三

【轉貼】好用的「Google 筆記本」圖解教學

雖然筆者有想過要自己來寫教學說明……不過,哈哈……

在此獻上別人家部落格寫好的文章。

---
好用的「Google 筆記本」圖解教學(轉貼自Jackbin 的懶人筆記(請點我))

在這篇裡的回話裡有提到

尚看到一招分享
[Google筆記本]
除了可運用[編輯][複製],[編輯][貼上]的方式取得資料外,
亦可配合Google搜尋引擎,將找到的資料直接加入[Google筆記
本]內,
當然先決條件是[Google筆記本]先作用中,
再配合iGoogle先將[Google筆記本]設定啟用並儲存成iGoogle 進入界面,
如此就可隨時利用Google搜尋引擎搜尋並儲存到[Google筆記本]
15_1如何將Google搜尋到的資料自動加入Google筆記本.ppt
操作步驟逐步的畫面顯示如下:
http://econsultant520.blogspot.com/2008/01/151googlegoogle.html

簡報檔連結及下載網址如下:
http://www.slideshare.net/p_yang/15-1googlegoogle
相關單元:
13如何啟用google提供的筆記本
http://econsultant520.blogspot.com/2008/01/13google.html

13_1如何使用google提供的筆記本記事
http://econsultant520.blogspot.com/2008/01/131google.html

---

其實我只想備份起來,以後就不用google了。

若有冒犯請告知,我會儘快處理。

以上。

2009年9月28日 星期一

用Java 將pdf轉成 image (part II)

這裡要來說一些我的使用心得,雖然有些套件可以成功的將pdf轉存成image,
但,遇上中文,似乎就束手無策了,上網google了好久,目前是一個無解的狀況,
或許,有哪位路人看到這篇,有解決的方法!非常感激。


方法一:尋找iText 是否有相關方法
目的: iText是否可以直接輸出 image
結果: 無相關函式
原因: iText很單純的只能將資料輸出成 PDF 和rtf (一種文字格式)的檔案,
也可將 xml和html 輸出成 PDF檔案。iText 方法未果。
==============================


方法二:尋找PDF相關套件
目的: 將pdf內容轉存成image
==============================
套件1. PDFRenderer.jar
==============================
結果: 可以將PDF轉成image,但會有中文失真問題
原因: 使用PDFRederner 有些PDF中文不會失真,有些PDF會失真,
不會失真的PDF是用latext產生的,字型都是自訂的。後來發現,
使用PDFRenderer可以把字抓到,但是在畫成image時,會失真。

嘗試解決方法:在產生iText時,把字體一併嵌入,可以解決此狀況?
結果:失敗。
==============================
套件2. PDFBox(version: PDFBox v0.7.3.jar)
==============================
結果: 程式執行不成功,會出現「type not implemented yet 」的錯誤訊息。
原因: 在執行時會出現「type not implemented yet 」的錯誤訊息,
原因出在 「convertToImage」這一行code,一開始看以為 讀取中文檔有問題,
嘗試的解決問題,並上網google,結果竟然是因為 PDFBox的convertToImage是在beta階段,
在jar檔底下是有convertToImage 這段code,但是在BufferedImage裏面 有一種type 還沒實作,
這個type在0.73版裡沒有被實作出來(目前則未有0.74版出來),所以,此問題目前無解。
==============================
套件3. XPDF.jar
==============================
結果: 不適用
原因: XPDF的功能為「從PDF把文字抓取出來另存文字檔」及
「從PDF把圖片抓取出來另存成圖檔」,無法把整頁的PDF轉為image。


以上。

2009年8月24日 星期一

JAVA2 SE5 中文 API

點我前往
1. JAVA2 SE5 中文 API
2. JAVA2 SE5 中文 API

二個好像是一樣的,但網址不一樣XD

內容是大陸那邊翻譯的,可以參考參考。

以上。