jquery plugin 在 input 內顯示輸入說明文字 範例

# jQuery Plugin Code

  $.fn.description_inside_input_field = function(){
        return this.each(function(){
            $(this).val($(this).prop('title'));
            $(this).focus(function(){
                if($(this).val()==$(this).prop('title')){
                    $(this).val('');
                }
            }).focusout(function(){
                if($(this).val()==''){
                    $(this).val($(this).prop('title'));
                }
            });
        });
    }

# Document Ready

$("tr.add_row input[type='text']").description_inside_input_field();

# Html Code

<table id="table_add_data">
<tbody>
<tr class="add_row">
<td><input class="year" title="年度" type="text" value="" /></td>
<td><input class="electric" title="電力" type="text" value="" /></td>
<td><input class="derv" title="柴油" type="text" value="" /></td>
<td><input class="natural_gas" title="天然氣" type="text" value="" /></td>
<td><input class="gas" title="汽油" type="text" value="" /></td>
<td><input class="lpg" title="液化石油氣" type="text" value="" /></td>
<td><input class="tap_water" title="自來水" type="text" value="" /></td>
<td><input class="add_button" type="button" value="新增" /><input class="cancel_button" type="button" value="取消 " /><input class="submit" type="button" value="送出" /></td>
</tr>
</tbody>
</table>
廣告

Chrome Plugin ScriptSafe 快速停用任何一頁面的Script,馬上讓不能複製內容的網頁解除限制。

A Chrome extension for a safer and faster Chrome.

A simple extension that brings some of NoScript’s functionality to Chrome while emphasizing simplicity and intuitiveness (no affiliation to NoScript or NotScripts).

Feel free to analyze the source code (http://code.google.com/p/scriptno/source/browse/trunk), download specific versions (http://code.google.com/p/scriptno/downloads/list), read through Frequently Asked Questions (http://code.google.com/p/scriptno/wiki/FrequentlyAskedQuestions) and/or report/browse issues (http://code.google.com/p/scriptno/issues/list).

Experimental Version: http://code.google.com/p/scriptno/wiki/ScriptNoExperimentalVersion

Side-Note: “Smooth Gestures Spyware" => http://codeonfire.cthru.biz/?p=96 Watch out!

Ubuntu chromium pdf-plugin use google-chrome libpdf.so

預設 Ubuntu 上所安裝 Chromium 最初是沒有供檢視 PDF 檔案的插件存在,也就是說無法在瀏覽器上直接開啟檢視 PDF 類型的檔案。但我們可以自行安裝 「檢視 PDF的插件」,而這個插件可以由 google-chrome 的安裝檔案中取得。我們只要複製 google 提供的 libpdf.so 這個插件,並將它貼到 chrimium 插件放置的目錄下(/usr/lib/chromium-browser/)。然後重新啟動 chromium 並在網址列鍵入「about:plugins」,進入到插件設置頁面修改啟用剛剛加入的PDF插件即可。

實際操作如下:

上面操作片段文章來源:Chrome PDF Plugin in Ubuntu – How To Enable

除了上述的方法外,可以在「Chrome 線上應用程式商店」中找到安裝「gpdf」擴充套件,它可以透過 google docs viewer 在瀏覽器中線上檢視 PDF 等文件檔案。注意:檢視文件的路徑位置必須要對外開放,如此才能讓 google docs viewer 開啟。

功能說明:
gPDF automatically sets links pointing to RTF, ODT, ODS, ODP, CSV, SXW, SXC and SXI files to open with Zoho Viewer; and links pointing to PDF, DOC, DOCX, XLS, XLSX, PPT and PPTX files to open with Google Docs Viewer.

wordprss.com Posting Source Code 原來是這樣使用

原來 WordPress.com 申請的 Blog 上用來要張貼程式碼的 code tag。還真的沒什麼用處,看起來就跟使用 pre tag 效果一樣。

直到發現這個說明文件 Posting Source Code , 上面有說明如何在我們申請的 Blog 貼上 Source Code 。

最簡單的範例就像下面這樣子

#button {
    font-weight: bold;
    border: 2px solid #fff;
}

標籤使用的語法

[sourcecode language="css"]
your code here
[/sourcecode]

Plugin 支援哪此程式語言顯示及標籤內其它屬性的用途說明
繼續閱讀