DedeCMS实现百度搜索下拉菜单提示信息功能

厨房卫浴水龙头网站模板

响应式美食糕点企业网站模板

响应式自动化设备科技企业网站模板

响应式电子商务公司网站模板
(自适应手机版)黄色响应式车行汽车租赁网站pbootcms模

(自适应手机端)响应式pbootcms装修设计装潢公司网站模

(自适应手机端)响应式别墅办公家庭装修装饰设计类pboo

(自适应手机端)品牌策划设计类网站pbootcms模板高端
响应式红木实木家具网站模板

迪恩摄影Pai(7配色) 商业版（GBK）

迪恩car!汽车二手车交易Discuz模板 X3.2商业版

律师事务所法务咨询网站模板

资讯类、知识类、商城类网站都有全站搜索功能，用户对网站比较熟悉了才考虑搜索，对新站来说，这个功能在前期暂时不考虑。

“百度站内搜索”也比较成熟了，可以设置站内搜索还是全网搜索，还能获得广告费用，许多人就放弃DedeCMS原生的搜索功能。如果能实现和百度搜索一样下拉菜单来对本站标题AJAX预加载，效率会高许多，DedeCMS搜索功能比较强大，不妨跟着织梦58利用AJAX实现这个小功能。也算是对AJAX的一种应用。

百度搜索下拉菜单

在需要增加该功能的模板</head>之前增加js代码 <script src=http://www.dede58.com/a/dedejq/"http:/libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("{dede:global.cfg_cmspath/}/plus/search_list.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } }); } } // lookup function fill(thisValue) { $('#inputString').val(thisValue); setTimeout("$('#suggestions').hide();", 200); } </script>
在/plus/下增加search_list.php，代码如下

为保证数据安全，数据库调用以下橙色部分的还是规定范围。

<?php header("Content-Type: text/html;charset=utf-8"); require_once(dirname(__FILE__)."/../include/common.inc.php"); global $dsql; if(isset($_POST['queryString'])) { $queryString = $_POST['queryString']; if(strlen($queryString) >0) { $dsql->SetQuery("SELECT id,title,typeid FROM #分隔符@__archives WHERE title LIKE '%$queryString%' and arcrank=0 order by click desc LIMIT 10"); $dsql->Execute(); while ($result = $dsql->GetArray()) { $bb=$result["title"]; //把查询到的标题存入$bb $bb=str_ireplace($queryString, '<font color='red'>'.$queryString.'</font>', $bb); //使查询到的关键字为红色，更改color后边的颜色代码，可以改变颜色。 $a=$result["typeid"]; $row=$dsql->GetOne("SELECT typedir,id FROM #分隔符@__arctype WHERE id=$a"); $aa=$row['typedir']; $aa=str_replace("{cmspath}",$cfg_basehost,$aa);//绝对路径处理 $id=$result['id']; echo '<li><a target="_blank" href="'.$aa.'/'.$id.'.html">'.$bb.'</a></li>'; } }else{ } }else{ echo '参数为空！!'; } ?>

CSS样式可以自己写，比如

.suggestionsBox { position:relative; left:0px;width: 250px; background: white;border: 1px solid #dcdcdc;color: #323232; z-index:999; } .suggestionList { margin: 0px; padding: 0px; } .suggestionList li { margin: 0px 0px 3px 0px; position:relative;padding: 3px; cursor: pointer;list-style:none;padding-left:5px;height:20px;overflow:hidden} .suggestionList li:hover { background-color: #659CD8; } .jr{position:absolute;top:9px;right:-5px}

上面的修改方法只适合utf-8版本的织梦，utf-8称为万国码，兼容性更强，听说一些手机还不兼容gbk，转换参考文章《DedeCMS全站UTF-8和GBK无损互转》

作者：欣怡建站挑错时间：2020-01-08 22:17

上一篇：DedeCMS全站UTF-8和GBK无损互转
下一篇：DedeCMS短消息与发送到指定邮箱功能开发

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ(984818011)进行交流。