前两天做了个友情链接管理平台,在管理网站和链接不断增多的情况下,想在网站上选择已有的链接,但是纵多的链接让人眼花缭乱,于是在页面上使用jquery做了一个简单的搜索。
原理:在点击搜索的时候,得到用户输入的搜索链接地址,然后遍历所有的链接地址,查找与搜索地址相同的友情链接。
原理很简单,做法也简单,不过功能还是挺好使的。
js代码:$(document).ready(function(){
$('a[name=search]').click(function(){
var searchurl = $('input[name=search]').val();
var searchurl2;
if(searchurl.charAt(searchurl.length-1)=='/')searchurl2 = searchurl.substr(0,searchurl.length-1);
else searchurl2 = searchurl+'/';
$('input[name*=url]').each(function(){
if($(this).attr('rel')==searchurl||$(this).attr('rel')==searchurl2){
$('a[href="'+$(this).attr('rel')+'"]').css("background","#CCC");
return false;
}
});
});
});html代码:<table width="100%" border="0" cellspacing="1" cellpadding="0" class="ttd" style="border-top:#ccc solid 1px;">
<tr class="hangcss">
<td align='center'>
(形式:http://www.wodeblog.com)输入网址搜索链接 <input type='text' name='search' size='40'/> <a href='javascript://' name="search">点击搜索</a>
</td></tr>
<tr class="hangcss">
<td align='center'>
<input type="checkbox" name="url[]" value="1" rel="http://www.wodeblog.com/"/> <a href="http://www.wodeblog.com/" target="_blank" name='php个人博客'>php个人博客</a>
<input type="checkbox" name="url[]" value="2" rel="http://www.lan8china.com"/> <a href="http://www.lan8china.com" target="_blank" name='热点中国'>热点中国</a>
</td></tr>
</table>原文地址:http://www.wodeblog.com/archives/416
原理:在点击搜索的时候,得到用户输入的搜索链接地址,然后遍历所有的链接地址,查找与搜索地址相同的友情链接。
原理很简单,做法也简单,不过功能还是挺好使的。
js代码:$(document).ready(function(){
$('a[name=search]').click(function(){
var searchurl = $('input[name=search]').val();
var searchurl2;
if(searchurl.charAt(searchurl.length-1)=='/')searchurl2 = searchurl.substr(0,searchurl.length-1);
else searchurl2 = searchurl+'/';
$('input[name*=url]').each(function(){
if($(this).attr('rel')==searchurl||$(this).attr('rel')==searchurl2){
$('a[href="'+$(this).attr('rel')+'"]').css("background","#CCC");
return false;
}
});
});
});html代码:<table width="100%" border="0" cellspacing="1" cellpadding="0" class="ttd" style="border-top:#ccc solid 1px;">
<tr class="hangcss">
<td align='center'>
(形式:http://www.wodeblog.com)输入网址搜索链接 <input type='text' name='search' size='40'/> <a href='javascript://' name="search">点击搜索</a>
</td></tr>
<tr class="hangcss">
<td align='center'>
<input type="checkbox" name="url[]" value="1" rel="http://www.wodeblog.com/"/> <a href="http://www.wodeblog.com/" target="_blank" name='php个人博客'>php个人博客</a>
<input type="checkbox" name="url[]" value="2" rel="http://www.lan8china.com"/> <a href="http://www.lan8china.com" target="_blank" name='热点中国'>热点中国</a>
</td></tr>
</table>原文地址:http://www.wodeblog.com/archives/416
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货