织梦实现百度搜索下拉菜单提示信息功能
时间:2023-03-04 12:00:27
百度站内搜索”也比较成熟了,可以设置站内搜索还是全网搜索,还能获得广告费用,许多人就放弃DedeCMS原生的搜索功能。如果能实现和百度搜索一样下拉菜单来对本站标题AJAX预加载,效率会高许多,DedeCMS搜索功能比较强大,不妨利用AJAX实现这个小功能。也算是对AJAX的一种应用。
百度搜索下拉菜单
在需要增加该功能的模板</head>之前增加js代码
<script src="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,代码如下
为保证数据安全,数据库调用以下橙色部分的还是规定范围。
<?phpheader("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 dede_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 dede_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,此教程适合织梦静态URL。
最新文章
- 1绿茶生产基地你不知道的10个惊人秘密
- 2雁荡毛峰茶民间传说(探寻雁荡山茶文化的传承与发展)
- 3普洱茶为什么是越陈越值钱-古董普洱茶并非越陈越值钱
- 4武夷红茶泡(享受武夷山的红茶文化)
- 5喝绿茶真的好(介绍绿茶的健康功效与饮用方法)
- 6女性喝普洱茶有哪些好处?
- 7普洱茶的养生功效及饮用方法详解
- 8安吉白茶是白茶还是绿茶?解答你的疑惑
- 9白瓷杯泡红茶(享受红茶的优雅生活)
- 10国内高档红茶价格分析及推荐
- 11正山小种三盒装价格及购买推荐
- 12铁观音能闷泡吗?
- 13普洱茶到底有多少种(普洱茶的品种分类和特点)
- 14红茶与荔枝哪一个更适合你的口味?
- 15黄花云尖的冲泡方法(品味黄花云尖的独特韵味)
- 16黄山碧云茶叶的种类和产地介绍
- 17滇红茶的价格多少(市面上滇红茶的价格参考)
- 18女生夏天喝绿茶的好处有哪些?
- 19安吉白茶有几个等级及其特点介绍
- 20普洱茶味道苦吗「普洱茶的苦味是如何存在的」
- 21茉莉绿茶涩的原因及如何解决
- 22如何用柑普茶提高工作效率?
- 23龙井生茶怎么喝(品尝龙井生茶的正确方法)
- 24龙井茶2023年生产计划(预测龙井茶产量及市场前景)
- 25普洱茶回甜与回甘区别「普洱茶的回甘是时间转化的滋味」
- 26台地茶的起源,你绝对不知道的惊人秘密
- 27西湖龙井与其他绿茶的区别(了解西湖龙井的独特之处)
- 28铁观音盖碗冲泡时间介绍(让你喝出口感最佳的茶水)
- 29普洱茶用盖碗冲泡的注意事项及正确方法
- 30武阳春雨茶(品尝武阳特色茶饮)