ajax站内搜索关键词自动提示

适用版本:       phpwind8.7
语言编码:       GBK简体
8.7可用，没有试过开启云搜索后还能不能用，因为我的站还不够格……开了云搜索的帮看一下呗，另外今天修改了算法，要的pm（等做得比较完善再发更新）
(移花接木东拼西凑鼓捣出来的东西，没有完善，但是基本功能已经实现了，希望安装的朋友帮助一起完善它。遗憾的是它没法用在云搜索……今天朋友告诉我这个东东竟然出现在那个人的站上，无语了)
不好意思，忘记设置关闭数据库连接了，请在suggest.php的最后一行“?>”前面增加“mysql_close($conn);”不含双引号，注意结尾有一个分号“；”，也可以直接下载附件里的suggest.rar文件，解压后用里面的suggest.php替换原来的
其实老早就想弄个搜索提示了，但是又很担心太占用资源，昨天好好想了一下，应该是利远大于弊的。
试想，如果会员搜索一个关键词找不到内容，就会更换关键词重新搜索，这样的搜索是全局搜索，而ajax搜索提示只需要检索searchstatistic一个数据表，就能帮助搜索着找到自己想要的关键词，两相比较，开启搜索提示功能不仅方便了论坛用户（可以少打不少字嘛），如果合理使用的话，其实反而会减全局检索次数，从而减轻搜索带来的服务器压力。最终决定，尝试整这个东西。

工作原理是调用pw自己的的pw_searchstatistic（搜索记录表，记录所有被搜索过的关键词），找出与正在输入的文字相关的关键词并罗列出来，因为不改变数据库结构，所以安装和删除都很方便，绿色环保。
如果你不想调用搜索记录表，也可以调用标签或者其他的

安装方法：
一、别担心，模板只需要修改一个文件的两处就好了（不过如果你需要个人中心和search.php页面也都是用这个功能，就需要自己修改这些页面的模板文件了）
1、打开template/wind/header.htm（如果你使用的其他风格，请修改风格模板下的header.htm文件）
查找：
复制代码

<SCRIPT type="text/javascript" language="JavaScript" src="js/core/core.js"></SCRIPT>

在它下面添加(其实只要放在</head>标签上面就行了)
复制代码

<link href="suggest/CSS/jquery.autocomplete.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="suggest/js/jquery.js"></script>
<script type="text/javascript" src="suggest/js/jquery.autocomplete.js"></script>
<script language="javascript">
            $(document).ready(function() {
            $("#keyword").autocomplete("suggest/suggest.php",
            {
                  delay:10,
                  minChars:1,
                  matchSubset:1,
                  matchContains:1,
                  cacheLength:10,
                  onItemSelect:selectItem,
                  onFindValue:findValue,
                  formatItem:formatItem,
                  autoFill:false
            }
            );
            });
            function findValue(li) {
                  if( li == null ) return alert("No match!");
                  if( !!li.extra ) var sValue = li.extra[0];
                  else var sValue = li.selectValue;
                  }
            function selectItem(li) { findValue(li);}
            function formatItem(row) { return row[0];//return row[0] + " (id: " + row[1] + ")"
            }
            function lookupAjax(){
            var oSuggest = $("#keyword")[0].autocompleter;
            oSuggest.findValue();
            return false;
            }
</script>

2、查找（大概在531行）
复制代码

<div class="ip"><input id="search_input" type="text" value="搜索其实很简单！ (^_^)" class="gray" name="keyword" /></div>

替换为(其实就是把搜索输入框的id由search_input改为keyword)
复制代码

<div class="ip"><input id="keyword" type="text" value="搜索其实很简单！ (^_^)" class="gray" name="keyword" />

二、修改附件里的数据库配置文件
打开附件里面的suggest/conn/conn.php文件，修改里面的数据库配置为你的数据库配置

三、如果你安装论坛的时候修改了默认的pw_前缀，请修改附件中suggest/suggest.php文件第七行的数据表前缀。

四、上传附件里suggest文件夹及其下所有文件到论坛根目录，完成。

截图演示：
1106377wib8h7rub8l7hy4.jpg.thumb.jpg

!qinai!游客!yincang_youke!

		自动登录	找回密码
密码			立即注册

ajax站内搜索关键词自动提示-站长杂谈下载

ajax站内搜索关键词自动提示

相关帖子

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程18人阅读

【原创】根据论坛发帖时间或门户文章发布时间，判断时间是否为当38人阅读

非手动网站版权年份自动更新代码35人阅读

【收集整理】兔源码简单收集整理关于网页上各meta标签说明36人阅读

【原创】JS检测网址是否可访问，如可访问则显示链接直达并可点击47人阅读

【原创】分享一款html5+css3的横排导航列表DIY模块（百分百有效39人阅读

【原创】分享一款html5+css3的四排图文资讯列表DIY模块（百分百187人阅读

【转载】垂直时光轴HTML单页+CSS+js模块880人阅读

【转载】文字由左向右循环滚动DIY+CSS+js模块930人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS3690人阅读

所属版块