欢迎来到路由器窝!

DEDE使用JS实现内容搜索,用JS替换form两个案例

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2016-11-09 23:58

文章简介

案例一: !--搜索--div class=g-se span class=u-bt /span input type=button class=u-in div class=m-ipt input type=text class=u-key clear

  • 正文开始
  • 相关文章
案例一:
<!--搜索-->
<div class="g-se">
     <span class="u-bt" ></span>
    <input type="button" class="u-in">
    <div class="m-ipt">
        <input type="text" class="u-key clear_word" id="se_key" value="请输入关键词">
    </div>
    <div class="clear"></div>
</div>

/* 搜索JS文件内容  */

$(function () {

    //搜索框   开始

    $(".u-in").unbind().bind("click", searchKeyWord);

    //搜索框   

});



function searchKeyWord() {

    var url = "";

    var type = "searchtype";

    //var kwd = $(this).children(".m-ipt").children("#se_key").val();//$("#se_key").val();

    var kwd = $(this).parent().find("#se_key").val();

    if (kwd != "请输入关键词") {

        url = "/plus/search.php?q="+kwd+"&searchtype=title";

        window.location.href = url;

    }

}


案例二:
<div class="input_box"> 
      <input type="text" name="q" id="q" value="" placeholder="输入查找内容" onkeypress="if (event.keyCode == 13) {searchreturn();return false;}"/>

      </div> 

<script type="text/javascript" charset="utf8">
	function searchreturn(){
		var wdword=$('#q').val();
		if(!wdword)
		{
			alert('请输入搜索内容');
			return false;
		}
//		wdword=encodeURI(wdword)
//		console.log(wdword)
		var gapp='';
		window.location.href=(gapp+"/plus/search.php?q="+wdword+"&searchtype=title");
	}
	$(function(){
		$('.serach_main>div:nth-child(1)').on('click',function(){
			
			searchreturn()
			
		})
		$(".search_btn").on('click',function(){
			$(".serach_box").addClass('active')
			
			
			
			
			
		})
		$('.close_btn').on('click',function(){
			$(".serach_box").removeClass('active')
			$("#serach_text").val('')
		})
	})
</script>

转载请注明:DEDEcms» DEDE使用JS实现内容搜索,用JS替换form两个案例

标签:
  • 修改dede_tag标签的长度
    141阅读
    我们在使用织梦TAG标签的时候,总是获取的TAG很短,一个字两个字等,太烦神了,今天秀站网分享下扩大TAG标签的长度。 第一步: 修改数据库中的dede_tagindex 和dede_taglist的tag字段属性:varchar(12)修改为varchar(255) 【注:操作此步骤的时候请先备份一
  • 修改标题字数限制
    215阅读
    第一步 首先你要进入dedecms后台,系统系统基本参数其他选项文档标题最大长度在这修改为200或更大(其实200应该是足够了)。 第二步 进入phpmyadmin,点击dede_archives 进入表title点击编辑输入200 (根据需要调整) alter table dede_archives modify t...
  • 图集增加多图集多实例可会员多图集(转载)
    253阅读
    演示效果 整合功能 支持 gbk / utf8编码织梦程序 支持后台、前台、会员接入 支持所有模型接入 支持每个图片删除一并删除图片文件 支持每个图片注释 支持每个图片排序 支持前台超级简单标签调用每个图集 整合教程 第一步、下载额外所需文件,根据自己网站编码
  • 证书查询插件
    261阅读
    step1.数据库插入表 直接导入dede_certificate.sql到数据库,字段根据需要修改 step2.后台处理文件 后台证书添加处理文件dede/certificate_add. php 后台证书修改处理文件dede/certificate_edit. php 后台证书显示处理文件dede/certific...
  • dedecms织梦联动筛选[单选版]
    170阅读
    单选版效果 单选版使用说明 【警告】 操作之前先备份你的程序这2个文件。 \include\arc.listview.class.php \include\extend.func.php 单选版下载 安装说明 1. 把这些文件夹全部覆盖到根目录; 2. 后台 - 系统 - 系统设置 - 系统基本参数 - 其他选项 - ...
  • PHPCMS V9:推荐标签
    289阅读
    在V9的后台添加文章页面中的源代码中得知推荐位有5种类型: 1 首页焦点图推荐 2 首页头条推荐 9 网站顶部推荐 10 栏目首页推荐 12 首页图片推荐 不过我们可以在后台自己添加推荐位。具体在 当前位置:内容 内容相关设置 推荐位管理 添加推荐位。。这样我们就
  • 织梦多条件筛选插件-dedecms列表筛选插件
    198阅读
    织梦多条件筛选插件-dedecms列表筛选插件 织梦多条件筛选插件,免费分享了!
  • 织梦栏目做成列表分页(小说列表)
    215阅读
    一个织梦栏目就是一个小说,炒鸡轻松实现按栏目分页 不影响程序其他功能文档分页 支持动态、生成静态、伪静态 可扩展其他分页,例如会员分页,自定义表单分页 打开 /include/arc.listview.class.php 找到 大概在248行 $ctag = $this-dtp-GetTag(page); 在它
  • 列表分页右对齐样式
    228阅读
    style .g_list2{width:726px;padding-top:5px;}.g_list2 li{float:left;width:169px;text-align:center;padding:15px 12px 0 0;}.g_list2 li img{display:block;width:170p...
  • channelartlist按typeid指定顺序排列
    115阅读
    我们可以做如下修改实现channelartlist 按typeid顺序输出。 打开/include/taglib/channelartlist.lib.php 找到: $dsql-SetQuery(SELECT id,typename,typedir,isdefault,ispart,defaultname,namer...
上一页:织梦dede:channelartlist标签不能调用外部链接栏目的解决方法
下一页:dede生成多种不同排序列表页
最近更新作品
城市联动提交表单
更新时间:2020-11-17

169人已经看过了!

统计栏目文章数量有的显示数量没有显示0
更新时间:2020-11-15

135人已经看过了!

自定义表单列表添加全选
更新时间:2020-10-19

157人已经看过了!

自定义表单展现样式
更新时间:2020-10-19

165人已经看过了!

Body里面多了个&amp;#65279字符,空白一行解决办法
更新时间:2021-01-25

168人已经看过了!

自定义证书添加图片
更新时间:2020-07-15

235人已经看过了!

dede导出证书查询数据到excel
更新时间:2020-06-19

287人已经看过了!

dedecms--会员信息导出excel表格
更新时间:2020-06-19

171人已经看过了!

dede 获取图集里面图片的数量
更新时间:2020-05-25

176人已经看过了!

织梦栏目做成列表分页(小说列表)
更新时间:2020-05-08

215人已经看过了!