利用js构造多重搜索，并过滤html等标签

Filed under: CMS/BBS开源原创作品, Js/Css/Html/Xml — Tags: , , , — 花太香齐 @ 2009年05月16日 3:30 pm
本blog文章如没特殊声明均为原创文章，转载请注明出处，谢谢！

一般的网站都有主站、论坛、等其他的频道，可能用的cms不一样，搜索需要打开好几个链接才能分别搜索不同的频道，而利用js可以很方便的打造很好的效果，添加一处代码就可以搜索全站，不过只支持get方式传值的搜索。

代码如下：

js代码：

  1. <script type="text/javascript"><!--
  2. //过滤html等标签
  3. function setContent(str)
  4. {
  5. str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
  6. str.value = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
  7. str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
  8. return str;
  9. }</div>
  10. <div  mce_tmp="1">//全站搜索
  11. function myiphoness(){
  12. var sk=setContent(myiphonessearch.sk.value);
  13. if(myiphonessearch.z.value==""){
  14. alert("请选择搜索区域!");
  15. return false;
  16. }
  17. if(myiphonessearch.sk.value=="输入关键字"){
  18. alert("请输入您要查询的关键字!");
  19. return false;
  20. }
  21. if(myiphonessearch.sk.value==""){
  22. alert("请输入您要查询的关键字!");
  23. return false;
  24. }
  25. //模糊搜索
  26. if(myiphonessearch.z.value=="0")    location.href="http://www.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=titlekeyword";
  27. //标题搜索
  28. if(myiphonessearch.z.value=="1")    location.href="http://www.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=title";
  29. //论坛搜索
  30. if(myiphonessearch.z.value=="2")    location.href="http://bbs.myiphones.com.cn/search.php?step-2-keyword-"+sk+".html";
  31. //书库搜索
  32. if(myiphonessearch.z.value=="3")    location.href="http://book.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=titlekeyword";
  33. return false;
  34. }
  35. // --></script>

html代码：

  1. <!-- searchbox -->
  2. <div id="searchbox"><form enctype="application/x-www-form-urlencoded" method="post"><fieldset></fieldset></form>

当然css得自己动手了，这里就不发了。主要是表单，其他的都可以随便改。

评论

发表新评论