1:找到uploads/templets/default/head.htm

2: 找到

<input name="q" type="text"  class="search-keyword" id="aa" value="在这里搜索..." onfocus="if(this.value=='在这里搜索...'){this.value='';}"

onkeydown="document.getElementById('ssxlk').style.display= 'block';"

oninput="_getvalue()"

onblur="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';

?>

页面效果为:

dedecms首页搜索 添加仿百度下拉框的更多相关文章

  1. 仿百度下拉关键词,和关键词的小demo

    自己做项目时用到的仿百度下拉关键词 代码: $(function(){ var oTxt = document.getElementById('search_text'); oTxt.onkeyup ...

  2. 【亲测好用!】shell批量采集百度下拉框关键词

    [亲测好用!]shell批量采集百度下拉框关键词 SEO工具  方法  11个月前 (11-18)  2153浏览 3条评论 百度已收录 一直想写一篇用shell采集百度下拉框关键词的教程,个人感觉用 ...

  3. vue实现百度下拉框

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. 仿select下拉框

    默认状态下,灰色面板出现.当点击页面按钮以及灰色面板外区域时,面板消失;点击按钮,灰色面板出现;点击灰色面板区域,面板不能消失. 主要考察:事件冒泡与取消事件冒泡. 代码: <!DOCTYPE ...

  5. datagrid在MVC中的运用05-加入时间搜索条件,枚举填充下拉框

    本文主要来体验在搜索区域增加更多的搜索条件,主要包括: ※ 使用jQuery ui的datepicker显示时间,设置显示格式.样式. ※ 设置jQuery ui的onClose事件,使开始和结束时间 ...

  6. 事件冒泡 --- 仿select下拉框

    要求:点击按钮时,下拉框显示:点击页面其他部分时,下拉框消失: 1. 不靠谱代码 <!DOCTYPE html> <html> <head lang="en&q ...

  7. Vue.js模拟百度下拉框

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 自定义SWT控件三之搜索功能下拉框

    3.搜索功能下拉弹出框 package com.view.control.select; import java.util.ArrayList; import java.util.LinkedList ...

  9. 带搜索框的jQuery下拉框插件

    由于下拉框的条数有几十个,于是打算找一个可以搜索查找功能的下拉框,刚开始在网上看了几个,都是有浏览器兼容性问题,后来看到这个“带搜索框的jQuery下拉框美化插件 searchable”,看演示代码简 ...

随机推荐

  1. JS 7路线图

    JS 7路线图 今天,我很高兴宣布路线图到视频.JS 7!虽然这是一个主要版本更新,但很少有真正打破.两个主要变化是添加了videojs-http-streaming,简称为VHS,以及删除了对较老版 ...

  2. Android 单元测试四大组件Activity,Service,Content Provider , Broadcast Receiver

    先mark, 后补充 https://blog.csdn.net/stevenhu_223/article/details/14054313 https://www.jianshu.com/p/3aa ...

  3. UVA1588-Kickdown

    2018-10-30-18:27:03 原题链接 题目描述: 给出两个长度分别为n1,n2且每列高度只为1或2的长条,需要将它们放入一个高度为3的容器,求出能够容纳他们的最短容器长度. 本题思路: 模 ...

  4. tight

    tight - 必应词典 美[taɪt]英[taɪt] adv.紧紧地:牢固地 adj.牢固的:紧的:不松动的:难解开的 n.紧身衣 网络紧身的:紧密的:密封的 变形比较级:tighter:最高级:t ...

  5. 微信小程序开发——全局配置详细介绍

    本文针对官方文档未说明清楚的进行详细探索研究,官方文档详见:全局配置 . pages: 删除页面,需要先删除app.json中pages对应页面的路径,再去删除页面相关的所有文件,不然会出现页面文件混 ...

  6. Django的model操作中一些常用的小点

    一.django的orm的13种基本的查询方法 1.all方法,查询某张表中的所有的数据 user_obj_list = models.Person.objects.all() 返回的结果是query ...

  7. swift - 加速器/摇一摇功能

    import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoa ...

  8. ThinkPhp框架开发微信支付——刷卡支付

    首先讲讲我遇到的坑: 1.下载了微信的demo,界面如下,一直调试不通过,原来点击链接地址是微信测试的网页地址...要改成自己开发的网页地址.... 2.demo不是用ThinkPhp框架的,我不懂, ...

  9. 10-okHttp的同步与异步

    我的理解如下: 同步: 实时的在等待返回结果: 异步:可以不是同步执行的,放入到执行队列中. 所以建议:如果需要根绝请求的结构做些判断应当用 同步,异步可能由于时间先后出现问题. /*post异步请求 ...

  10. mvc中webapi添加后没法访问 解决办法

    原因:原先项目中没有webapi,后来添加的. 然后就没法正常访问,百度了下发现是 App_Start/WebApiConfig.cs中路由配置多了个api 而且没有加{action}, 然后修改成: ...