簡睿隨筆@新世界

 

繼續對石頭閒語石頭成的程式做修改：

• 加上些許註解與refactoring
• 在首頁按”回應”進入時會造成取不到標題與內容的修改
• 對按鈕加上提示小視窗(title)
• 依石頭成的提示修改取文章描述的className

<script type="text/javascript"><br /> //全形反斜請改成半形<br /> if (/＼/＼d+/.test(document.URL)) {<br /> // findTag('span','titlename', 'text');<br /> function findTag(sTag, sName, sType) {<br /> var aTags = document.getElementsByTagName(sTag);<br /> var reg = new RegExp(sName);<br /> var oResult = "";<br /> for (var i in aTags) {<br /> //alert(aTags[i].className);<br /> if (reg.test(aTags[i].className)) {<br /> if (sType=='text') {<br /> oResult = aTags[i].textContent;<br /> } else {<br /> oResult = aTags[i];<br /> }<br /> break;<br /> }<br /> }<br /> return oResult;<br /> }<br /> function addCurrentArticleBookmarklets() {<br /> var u = document.URL;<br /> var index = u.indexOf('#'); // 以回應進入時未帶不到資料,因此要trim掉<br /> if (index > 0) {<br /> u = u.substring(0, index);<br /> }<br /> // title: 標題<br /> var t = encodeURIComponent(document.title);<br /> t = findTag('span','titlename','text');<br /> // description: 取出文章內容,最多4000個字元<br /> var d = findTag('div', 'blogbody','text');<br /> d = d.substring(0,4000);</p> <p>var diggImg = document.createElement('img');<br /> with (diggImg) {<br /> src = 'http://www.digg.com/img/little-digg.gif';<br /> alt = '[+]digg'; border = '0';<br /> }<br /> var myYahooImg = document.createElement('img');<br /> with (myYahooImg) {<br /> src = 'http://us.i1.yimg.com/us.yimg.com/i/us/sch/el/addtomy.gif';<br /> alt = '[+]My Yahoo!'; border = '0';<br /> }<br /> var myShareImg = document.createElement('img');<br /> with (myShareImg) {<br /> src = 'http://digest.url.com.tw/images/add2myshare_80x15-1.gif';<br /> alt = '[+]My Share'; border = '0';<br /> }<br /> var hemidemiImg = document.createElement('img');<br /> with (hemidemiImg) {<br /> src = 'http://www.hemidemi.com/sticker/addblackcolor_8015.gif';<br /> alt = '[+]HEMIDEMI'; border = '0';<br /> }<br /> var delicioImg = document.createElement('img');<br /> with (delicioImg) {<br /> src = 'http://blogimage.roodo.com/rocksaying/a584b41e.gif';<br /> alt = '[+]del.icio.us'; border = '0';<br /> }<br /> var technoratiImg = document.createElement('img');<br /> with(technoratiImg) {<br /> src = 'http://static.technorati.com/pix/fave/btn-fave2.png';<br /> alt = '[+]technorati fave';<br /> border = '0';<br /> }</p> <p>var bookmarklets=[<br /> [ hemidemiImg,<br /> false,<br /> 'http://www.hemidemi.com/user_bookmark/new?via=sticker&url='+u+'&title='+t+'&description='+d,<br /> 'HEMiDEMi黑米書籤'<br /> ],<br /> [ myYahooImg,<br /> false,<br /> 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?u='+u+'&t='+t+'&d='+d,<br /> '雅虎分享書籤'<br /> ],<br /> [ myShareImg,<br /> false,<br /> 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&NewsMaster=1&url='+u+'&desc='+t+'&contents='+d,<br /> 'MyShare網路書籤'<br /> ],<br /> [ delicioImg,<br /> false,<br /> 'http://del.icio.us/post?url='+u+'&title='+t,<br /> 'del.icio.us美味書籤'<br /> ],<br /> [ technoratiImg,<br /> false,<br /> 'http://technorati.com/faves?sub='+t+'&add='+u,<br /> 'Technotati bookmark'<br /> ],<br /> [ diggImg,<br /> false,<br /> 'http://www.digg.com/submit?phase=2&url='+u+'&title='+t,<br /> 'Digg bookmark'<br /> ]<br /> ];</p> <p>var posted = findTag('div','posted');</p> <p>posted.insertBefore(document.createElement('br'), posted.firstChild);<br /> for (var i = bookmarklets.length - 1, a; i >= 0; --i) {<br /> a = document.createElement('a');<br /> a.target = '_blank';<br /> a.href = bookmarklets[i][2];<br /> a.title = bookmarklets[i][3];<br /> a.appendChild(bookmarklets[i][0]);<br /> if (bookmarklets[i][1])<br /> a.appendChild(document.createTextNode(bookmarklets[i][1]));<br /> posted.insertBefore(document.createTextNode(' '), posted.firstChild);<br /> posted.insertBefore(a, posted.firstChild);<br /> }<br /> };<br /> if (window.attachEvent) window.attachEvent('onload', addCurrentArticleBookmarklets);<br /> else window.addEventListener('load', addCurrentArticleBookmarklets, false);<br /> }<br />

類似主題的文章

• 2008/02/07 [FireFox擴充] 牛仔好忙，等會再看吧：Read it Later! (0)
• 2008/01/11 用tag2find幫你的文件隨處貼標籤 (2)
• 2007/06/12 聯合報也推出共享書籤服務?? (0)
• 2007/06/03 變更文章底端的【黑米共享書籤】推文/貼文按鈕 (2)
• 2007/05/20 增加推推王的摘錄推文按鈕 (7)
• 2007/04/26 [Blog] 在文章底部隨機顯示相關文章的功能說明 (6)
• 2007/04/01 常見的收錄書籤網址寫法之彙總表格 V1.1 (2)
• 2007/03/13 自動填Google搜尋的輸入字串：Xuite自動書籤按鈕 V1.4 (9)
• 2007/02/27 把文章的分類當做HEMiDEMi的標籤：Xuite自動書籤按鈕 V1.3 (2)
• 2007/02/16 書籤小貼紙工具：Ultra Network轉址系統 (1)

標籤: 書籤