dedecms首页搜索 添加仿百度下拉框
1:找到uploads/templets/default/head.htm
2: 找到
<input name="q" type="text" class="search-keyword" id="aa" value="在这里搜索..." οnfοcus="if(this.value=='在这里搜索...'){this.value='';}"
οnkeydοwn="document.getElementById('ssxlk').style.display= 'block';"
οninput="_getvalue()"
οnblur="if(this.value==''){this.value='在这里搜索...';}" />
添加 autocomplete="off" 系统input 默认autocomplete 为on
3:在相应位置添加一个div id="ssxlk";
4:添加javascript代码:
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" >
function _getvalue()
{
var res = "id="+document.getElementById('aa').value;
//var gvalue = document.getElementByID().value;
getajax('ssxxl.php',res,b);
}
function b(a)
{
if(document.getElementById('aa').value=='')
{
document.getElementById('ssxlk').innerHTML='';
}
else
{
document.getElementById('ssxlk').innerHTML=a;
}
//alert(a);
}
</script>
5:ajax.js页面:
function getajax(url,j,responsefunction){
if(url){
var xhr=ajax();
xhr.open("POST",url,true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
responsefunction(unescape(xhr.responseText));
}else{
alert("页面读取失败");
}
}
};
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
xhr.send(j); //发送请求
}else{
alert("未知错误,请查识");
}
}
function ajax(){
var http_request;
if(window.XMLHttpRequest){
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
try{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}catch(e){
try{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}catch(e){
}
}
}
if(!http_request){
window.alert("创建XMLHttp对象失败!");
return false;
}
return http_request;
}
6:ssxxl.php页面
<?php
mysql_connect('localhost','root','root');
mysql_select_db('dedecms');
mysql_query('set names utf8');
$sql = "select `typename` from `dede_arctype` where `typename` like '%".$_POST['id']."%' limit 0,9;";
//print_r($sql);
$result = mysql_query($sql);
if($row = mysql_fetch_array($result))
{
do
{
echo $row[0];
echo "<br />";
}
while($row = mysql_fetch_array($result));
}
//echo 'aaaaaa';
?>
页面效果为:
转载于:https://www.cnblogs.com/siichen/p/3668989.html
dedecms首页搜索 添加仿百度下拉框相关推荐
- 仿百度下拉关键词,和关键词的小demo
自己做项目时用到的仿百度下拉关键词 代码: $(function(){ var oTxt = document.getElementById('search_text'); oTxt.onkeyup ...
- 使用Ajax实现百度下拉框
百度下拉框 在使用百度搜索时,在输入框中输入部分文字后,下面会将与该文字相关的词组展示出来,该功能就可以使用ajax来实现. 注册输入框的onkeyup事件,该事件触发时,将输入框中填写的内容使用aj ...
- 什么叫百度下拉框?除了百度下拉还有哪些下拉词框可以优化?
什么叫百度下拉框 百度下拉框的官方称呼是百度搜索推荐词(BaiduSuggestWord),又称作百度搜索联想词或百度搜索下拉列表.又统称为百度下拉框.百度下拉词! 此功能是百度搜索为了更好地便捷众多 ...
- PYTHON批量挖掘百度下拉框关键词
百度下拉框的关键词,一直是SEO关键词拓展的利器,只要在搜索框中输入一个关键词,就可以得到一批相关词.我有个小技巧,可瞬间提升上百倍的挖掘效率.并且通过Python实现后,完全可用于大规模关键词的批量 ...
- 百度下拉框教学能否成为一种营销方式
百度下拉框教学能否成为一种营销方式 近期有商友问下拉哥姜泽一个比较有意思的问题,今天与小伙伴们一起分享一下,这个问题就是百度下拉框与相关搜索能否成为主流营销方式,能否通过百度下拉框教学提升企业知名度, ...
- PYTHON批量挖掘百度下拉框关键词–转{张亚楠}
百度下拉框的关键词,一直是SEO关键词拓展的利器,只要在搜索框中输入一个关键词,就可以得到一批相关词.我有个小技巧,可瞬间提升上百倍的挖掘效率.并且通过Python实现后,完全可用于大规模关键词的批量 ...
- datagrid在MVC中的运用05-加入时间搜索条件,枚举填充下拉框
本文主要来体验在搜索区域增加更多的搜索条件,主要包括: ※ 使用jQuery ui的datepicker显示时间,设置显示格式.样式. ※ 设置jQuery ui的onClose事件,使开始和结束时间 ...
- Java Excel POI添加多选下拉框
给自己打个广告,最近弄了个Excel的工具,支持下拉框,级联下拉框,隐藏Sheet,多线程大数据量导出,生产者消费者模式读取,代码大部分都有注释,有兴趣的朋友可以看看,觉得不错可以帮我弄个star什么 ...
- JQuery从Excel表中获取数据添加到select下拉框多选的实现
JS代码如下 function importf(excel) {var perids = [];//for循环遍历Excel表中的数据,取出需要的列for(var i = 0 ; i < exc ...
最新文章
- ALV动态列Demo
- oracle 计算复杂 数据跑不出来 如何分批次_如何配置PG的数据库缓冲
- matplotlib绘制K线图
- 哪位有Castle Project Generators,邮给我一份 (deerchao at gmail dot com),谢谢。
- Windows XP终极优化设置(精心整理)
- jquery文档就绪的三种书写方式
- 多用户网络日记本php,[日记人]超漂亮的多用户网络日记 v3.8
- 姚前:新型货币战争才刚刚开始
- C语言经典例23-输出菱形图案
- git的使用、ssh生成、github、Git分支操作
- 2021-2027全球与中国低代码业务流程管理软件市场现状及未来发展趋势
- 前端初学者的痛,没学历没工作经验如何找工作?
- 使用Java写出九九乘法口诀表
- 短信导出工具V1.3
- lib与dll的关系(详解静态链接库和动态链接库)
- MOS管基本认识(快速入门)
- mask_rcnn keras源码跟读3)配置文件
- Android CheckBox 复选框(自定义复选框)
- 2022年汽车零部件行业前景
- 2021.04.29删点成林
热门文章
- 从一个男人身上看出他的修养和抱负
- jQuery中的$.getJSON
- Android startActivityForResult
- ElasticSearch(八):springboot集成ElasticSearch集群并使用
- Windows使用免费版Kiwisyslog搭建日志服务器
- Android开发之dp转像素,像素转换为dp工具类,详细代码,带有源文件下载地址。...
- Excel 统计IP
- leetcode 【 Find Peak Element 】python 实现
- Android SystemProperties设置/取得系统属性的用法总结
- 实用jQuery代码段