欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

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

标签: 作者:融科网络 | 点击:
05

Nov
2019

导语
资讯类、知识类、商城类网站都有全站搜索功能,用户对网站比较熟悉了才考虑搜索,对新站来说,这个功能在前期暂时不考虑。 baidu站内搜索也比较成熟了,可以设置站内搜索还是
 

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

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

baidu搜索下拉菜单

在需要增加该功能的源码</head>之前增加js代码 <script src=http://www.dede58.com/a/dedejq/"http:/libs.百度.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无损互转》

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/14873.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:DedeCMS全站UTF-8和GBK无损互转

下一篇:DedeCMS短消息与发送到指定email功能开发

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制