Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

常常看到一些部落客會提供程式碼給網友們複製使用,一般來說如果想要使用這樣子的功能,部落客們必需透過 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下不能複製中文字。

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


留言列表 (3)

發表留言
  • g13824
  • 請問樓主~這樣子的話要怎麼設定外邊框顏色阿
    引用網址的鍵可以設定邊框 這個有辦法嗎
  • 撰寫#copyarea的css樣式就可以了喔,如:
    #copyarea{
    border:1px solid blue;
    }

    bshadow 於 2009/11/13 14:25 回覆

  • g13824
  • 不過pixnet要貼embed語法在進階編輯器時 先開html再更新html都會把embed這四個字給吃掉
    = =
  • 這就是痞客邦編輯器的缺點呀XD

    bshadow 於 2010/06/27 03:18 回覆

  • 線上小白
  • 問題!!

    大大 失敗了
    照上面的複製 到空白網頁上
    點選 複製
    卻出現錯誤
    必須要有物件
    .....不懂 問題出在哪
  • 我不在的這段期間痞客邦的語法有更改過
    這個方法已經行不通囉
    等我退伍後有空再來研究看看(7/26)

    bshadow 於 2010/06/27 03:18 回覆

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼