常常看到一些部落客會提供程式碼給網友們複製使用,一般來說如果想要使用這樣子的功能,部落客們必需透過 JavaScript 來撰寫其功能。

但如果你是使用痞客邦的服務的話,其實這個函式在痞客邦的部落格裡本身就有了。不知道大家有沒有注意到痞客邦裡的每篇文章下面都有一個引用網址的區塊:
copytext.jpg
沒錯,痞客邦這個複製網址的功能是寫在 CopyText() 這個函式裡的,所以我們可以直接將 CopyText() 取出來使用。更棒的是,這個 CopyText() 函式支援 IE 與 Firefox 兩種瀏覽器,不像有名大站的按鈕只能用在IE上。如果你有興趣想知道痞客邦的按鈕為什麼可以用在Firefox上,可以參考這篇文章

說了那麼多,趕快來講它要怎麼用吧!只要在發文的時候貼上以下的內容就可以使用了:
(使用效果就如以下所示)



其中
textarea id="copyarea"
onclick="CopyText('copyarea');"
這兩行語法裡面, copyarea 這個名稱一定要用一樣的,因為它是使用 CopyText() 函式抓取 id 名稱為 copyarea 的文字區塊做拷貝。

接著,一個 CopyText() 函式要搭配一個文字區塊。所以如果你要在一篇文章中張貼兩個以上的文字區塊,其它的文字區塊請不要使用到重覆的名稱,你可以用 copyarea1、copyarea2...以此類推 ,這都可以自己取,但要注意不要用到跟痞客邦本身的文字區塊有衝突,例如:blogcommenttext_body。這是痞客邦留言文字區塊的名稱。中文字的部份都是可以改的,請把它改成你想顯示的名稱;文字列數與文字行數請輸入整數數字。

還有,如果你不想要在點下按鈕時跳出警告視窗,可以把:
alert('已存到剪貼簿');
拿掉,這樣子就完成囉~

PS..目前發現一個很嚴重的問題,在Firefox下不能複製中文字。
arrow
arrow
    全站熱搜

    bshadow 發表在 痞客邦 留言(3) 人氣()