[個性修改]自動剔除失效友情連接

想法來自：http://www.bkkss.com/article_355.html
提示：本插件是客戶端Javascript類型，只是屏蔽失效突破，對服務器端內容無任何影響。
所以：


轉載請注明出處，謝謝。

效果：


演示：http://www.bkkss.com/bloglink.asp

首先打開BlogLink.asp
在13行：
<div id="Tbody"> <div id="mainContent"> <div id="innermainContent"> <div id="mainContent-topimg"></div> <div id="Content_ContentList" class="content-width">
上面加入以下代碼：
<script> function showcontrol(id,bn,url){ document.getElementById("L_img_"+id).outerHTML='' document.getElementById("tempfiled").innerHTML+='<div class="link" style="width:108px;float:left;overflow:hidden;margin-right:8px;height:24px;line-height:180%"><a href='+url+'>'+bn+'</a></div>' var s=document.getElementById("errorimg") if(s!=null){s.innerHTML=document.getElementById("tempfiled").innerHTML} } </script>

現在找到該頁的66行左右
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""><img src="""&blog_Links("link_Image")&""" alt="""&blog_Links("link_Name")&""" border=""0"" style=""margin:3px;width:88px;height:31px""/></a>"

替換成下面的代碼
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""><img id=""L_img_"&blog_Links("link_ID")&""" onerror=""showcontrol("&blog_Links("link_ID")&",'"&checkstr(blog_Links("link_Name"))&"','"&blog_Links("link_URL")&"')"" src="""&blog_Links("link_Image")&""" alt="""&blog_Links("link_Name")&""" border=""0"" style=""margin:3px;width:88px;height:31px""/></a>"

再找到80行左右
<div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/html.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>文字鏈接</b></h1> <h2 class="ContentAuthor">Text Link</h2> </div> <div class="Content-body"><%=TextLink%></div> </div>

替換成以下代碼：
<div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/html.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>文字鏈接</b></h1> <h2 class="ContentAuthor">Text Link</h2> </div> <div class="Content-body"><span style="display:none" id="tempfiled"></span><%=TextLink%></div> </div> <div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/image.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>失效圖像</b></h1> <h2 class="ContentAuthor">Bad Link</h2> </div> <div class="Content-body" id="errorimg"></div> </div>
現在可以見到基本效果了。當然，大家可以自行設定3段內容的次序。
如果無效果，不要急，繼續下面的步驟。

當在管理頁面更新友情連接時，程式會自動生成靜態文件(如果服務器支持的話)，所以要做 以下操作。
打開Template/Link.asp
見到下半部分
<div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/html.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>文字鏈接</b></h1> <h2 class="ContentAuthor">Text Link</h2> </div> <div class="Content-body"><$TextLink$></div> </div>
替換成下面的代碼：
<div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/html.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>文字鏈接</b></h1> <h2 class="ContentAuthor">Text Link</h2> </div> <div class="Content-body"><span style="display:none" id="tempfiled"></span><$TextLink$></div> </div> <div class="Content"> <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div> <h1 class="ContentTitle"><img src="images/image.gif" alt="" style="margin:0px 2px -3px 0px" class="CateIcon"/><b>失效圖像</b></h1> <h2 class="ContentAuthor">Bad Link</h2> </div> <div class="Content-body" id="errorimg"></div> </div>

最後一步，打開 class/cls_control.asp 文件
找到280行起
do until blog_Links.eof if len(blog_Links("link_Image"))>0 then ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""><img src="""&blog_Links("link_Image")&""" alt="""&blog_Links("link_Name")&""" border=""0"" style=""margin:3px;width:88px;height:31px""/></a>" else TextLink=TextLink&"<div class=""link"" style=""width:108px;float:left;overflow:hidden;margin-right:8px;height:24px;line-height:180%""><a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""">"&blog_Links("link_Name")&"</a></div>" end if blog_Links.movenext loop
修改為：
do until blog_Links.eof if len(blog_Links("link_Image"))>0 then ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""><img id=""L_img_"&blog_Links("link_ID")&""" onerror=""showcontrol("&blog_Links("link_ID")&",'"&checkstr(blog_Links("link_Name"))&"','"&blog_Links("link_URL")&"')"" src="""&blog_Links("link_Image")&""" alt="""&blog_Links("link_Name")&""" border=""0"" style=""margin:3px;width:88px;height:31px""/></a>" else TextLink=TextLink&"<div class=""link"" style=""width:108px;float:left;overflow:hidden;margin-right:8px;height:24px;line-height:180%""><a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""">"&blog_Links("link_Name")&"</a></div>" end if blog_Links.movenext loop
去管理頁面，隨便更新一下友情鏈接(比如直接按 保存)，從而重新輸出該靜態文件。
完成。

[本日志由 wbc 于 2008-04-28 12:25 AM 编辑]
文章來自: 本站原創
引用通告地址: http://www.bkkss.com/trackback.asp?tbID=384
日志標簽: 插件插件 pjblogpjblog