ASP.NET JQuery 随笔-搜索框默认提示

一.文本框中创建默认文本提示通常用户在搜索内容时,在文本框输入内容前,文本框都会给出默认提示,提示用户输入正确的内容进行搜索. 当文本框获得焦点,如果文本框内容跟提示内容一样,提示内容会自然消失. 当文本框没有任何值并失去焦点,文本框内容会重新生成默认提示. 为了实现上面的需求,代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"…

jQuery实现搜索框插件+豆瓣音乐接口实现豆瓣搜索框

jQuery实现搜索框插件豆瓣音乐接口实现豆瓣搜索框豆瓣接口有时不稳定,网络请求会报400,不要惊慌.我主要是练习一下jQuery的JSONP和封装插件. <div class="searchWrapper"> </div> <script src="../js/searchBox.js"></script> <script> $(".searchWrapper").search({…

input文本框默认提示

今天闲暇时间把自己以前写的一个文本框默认提示函数改成了一个小插件.下面是代码 1.引入jQuery库 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 2.HTML测试文本框 <input type="text" value="请输入地址" /> 3.调用方式 <script> $(function(){ $(&q…

chosen.jquery.js 搜索框只能从头匹配的解决思路+方法

chosen.jquery.js 搜索框只能从头匹配的解决思路+方法心急者请直接看下方总结 ,由于本问题未能找到直接答案,所以只能通过修改源码解决.故将修改源码思路贴出来供大家参考,在遇到其他改源码问题时应如何思考. chosen.jquery.js(地址:http://harvesthq.github.io/chosen)是一款非常优秀的表单select框美化插件.它提供了一些非常实用的功能.但是在实用中却又有一些问题. 搜索从头匹配问题首先,我们初始化一个chosen实例: html:…

用jQuery实现搜索框的过滤效果

遇到的问题: 1.动态添加了某些元素,在动态添加的某个元素上绑定事件失效原因:因为需要绑定的元素的直接父元素也是动态添加的解决:向上为上一级父元素绑定事件 $(".check-box").on('click','i',function(){//在check-value上动态添加无效,因为check-value也是动态添加上的 $(this).parent().remove(); }); 2.多选框判断是否选中,方法无效原因:判断钱必须先为其绑定点击事件 $(".total…

Jquery实现搜索框提示功能

博客的前某一篇文章中http://www.cnblogs.com/hEnius/p/2013-07-01.html写过一个用Ajax来实现一个文本框输入的提示功能.最近在一个管理项目的项目中,使用后发现,真的反应很慢,数据量很大的情况下使用Ajax去实现真的不合适,于是,我又写了一个使用Jquery来实现方法. 废话不多说,上图上代码: 引用方式: <body style="background-color: White;"> <form id="form1…

jquery实现密码框显示提示文字

jquery实现密码框提示文字的功能. 代码: <html> <head> 3 <title>登录-jquery实现密码框显示文字-www.jbxue.com</title> 4 <script type="text/javascript" src="./jquery-1.3.2.min.js"></script> 5 <script> 6 $(documen…

Ternary Search Tree 应用--搜索框智能提示

前面介绍了Ternary Search Tree和它的实现,那么可以用Ternary Search Tree来实现搜索框的只能提示,因为Ternary Search Tree的前缀匹配效率是非常高的,总体思路如下(其中很多可以根据自己的需要修改,我只是写出我的做法): 比如搜索歌曲时智能提示: 建立Ternary Search Tree 将所有歌曲名的字符串放置在一个map中,key为歌曲名.value存储歌曲信息,可以是一个类对象domain,在这里可以按照key值将相同歌曲的播放次数累加,并…

Servlet+Ajax实现搜索框智能提示

简介:搜索框相信大家都不陌生,几乎每天都会在各类网站进行着搜索.有没有注意到,很多的搜索功能,当输入内容时,下面会出现提示.这类提示就叫做搜索框的智能提示,本门课程就为大家介绍如何使用Servlet和Ajax来实现.主要介绍实现原理和代码的前后台实现过程. 项目结构首先我们需要先导入以上5个jar包,当然也可以选择maven工程导入相关依赖. jar包链接:https://pan.baidu.com/s/1MZATGVtahTiKp-B7GYIKUg 提取码:701k 代码实现 Sear…

使用jquery实现搜索框的位置变换

现在很多的网站都存在这样一个效果:当用户搜索信息后,滚动内容时,搜索框的位置会产生变化,会固定在某个位置,方便用户进行再次搜索.比如百度图片.为了提高系统用户体验,也想加入这个效果,经过小段时间摸索,基本实现了.代码比较简单,主要是css js控制.具体如下 1.css 部分,主要是设置好两个样式,滚动前的,滚动后的. /*滚动前的*/ .fossilInfoHead { width:40%; border-radius:2px; min-width:500px; } /*滚动后,搜索框位置*/…

ASP.NET jQuery 随笔使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能

首先当然是去下载JQuery UI ,这里这里是下载地址http://jqueryui.com/ 第一步是点击这里第二步选择你想要下载的主题进行下载我这里是选择的cupertino主题包点击圆圈里的Download进行下载,此时页面会跳转到一个让您进行控件和版本筛选的页面,因为我只需要autocomplate,其他不需要,所以只选择这里控件当然你也可以全选! 然后就是在页面中引用了,这里我直接贴出代码,详细怎么引用自己看就可以了,代码如下: <%@ Page Language="C…

Jquery 搜索框自动提示

为文本框增加自动提示下拉功能,比如输入 1,则从后台数据库查询出包含1 的字段,在文本框增加下拉列表供用户选择 ajax 返回数据为搜索查询字段的json集合 <script src="../../Scripts/JqueryUInew/jquery.autocomplete.js" type="text/javascript"></script> <link href="../../Scripts/JqueryUInew/j…

jquery php 百度搜索框智能提示效果

这个程序是利用php+ajax+jquery 实现的一个仿baidu智能提示的效果,有须要的朋友能够下载測试哦. 代码例如以下 index.html文件,保保存成index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&…

使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码】

项目中常常用到搜索,特别是导航类的网站.自己做关键字搜索不太现实,直接调用百度的是最好的选择.使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值,当然$.getScript也可以实现跨域调用js. jsonp快速入门:[原创]说说JSON和JSONP,也许你会豁然开朗,含jQuery用例关于jquery.ajax的jsonp方法是用以及其error回调函数不能正确执行,请参考园长dudu的文章:jquery ajax中使用jsonp的限制jQuery插件jQuery-…

js搜索框输入提示(高效-ys8)

使用jsonp跨域调用百度js实现搜索框智能提示（转）

http://www.cnblogs.com/oppoic/p/baidu_auto_complete.html 项目中常常用到搜索,特别是导航类的网站.自己做关键字搜索不太现实,直接调用百度的是最好的选择.使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值,当然$.getScript也可以实现跨域调用js. ok,了解了jsonp的原理和应用后,我们看看百度的智能提示是如何做的在chrome的调试窗口下看看百度搜索发出的请求.当输入关键字“a”,请求如图: 用fir…

Jquery实现文本框输入提示

一些用户体验好的表单都会在文本框里设置输入提示,文本框获取焦点时,提示内容消息,如果未输入,失去焦点时又会出现提示. 网上找到一个比较好用的控件jquery.inputDefault.js 使用方法: 1.在jsp页面引用jquery.inputDefault.js <script src="/js/jquery.inputDefault.js" type="text/javascript"></script> 2.需要为控件增加一个自定义属…

ASP.NET jQuery 随笔显示RadioButtonList成员选中的内容和值

通过jQuery来获取RadioButtonList成员内容. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…

ASP.NET jQuery 随笔从DropDownList获取选择的text和value值

jQuery来获取DropDownList的Text/Value属性值,代码如下 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional…

ASP.NET jQuery 随笔显示CheckBoxList成员选中的内容

通过jQuery来获取CheckBoxList成员内容. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &…

ASP.NET jQuery 随笔在TextBox里面阻止复制、剪切和粘贴事件

当用户要输入一些密码.信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴. 我们先来看下实现后的效果: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html PUBLIC "-//W…

jquery实现搜索框从中间向两边扩展（左右放大）

显示效果: 隐藏效果: 前端核心代码如下: <div class="search-icon col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-sm-offset-5 col-xs-offset-4"> <img src="../status/images/search.png" alt=""> </div> <div class="search-inp…

ASP.NET jQuery 随笔使用allValidator插件简单实现客户端验证功能

首先放出该插件的下载地址:http://pan.baidu.com/s/1Aa3yD,里面有帮助文档,详细了解可以自行下载学习,本章只讲解一些基本的验证功能,页面代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html P…

ajax实现异步前后台交互，模拟百度搜索框智能提示

1.什么是异步?在传统的网站项目中,填写一堆数据,最后点击提交,在点击提交的这一刻才实现数据提交,前后台交互.在你点击提交之前数据是没有提交到后台的.这样就会造成很大的不便.比如,我填了一大堆数据,结果告诉我填错了,怎么办?如果我一填错就提示我填错了,那该有多好啊,此时,异步提交就出现了,不用写好所有数据一次全部提交,而是可以部分提交数据. 2.ajax实现异步提交的核心代码就是一行,就是获取浏览器内嵌的XMLHttpRequest对象,用该对象发送请求xmlHttp.open("GET&quo…

easyui源码翻译1.32--SearchBox（搜索框）

前言使用$.fn.searchbox.defaults重写默认值对象.下载该插件翻译源码搜索框提示用户需要输入搜索的值.它可以结合一个菜单,允许用户选择不同的搜索类别.在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作. 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 */ (function ($) { //初始化搜索框 function initSearchbox(jq) { $(jq).hide(); var sb = $("…

搜索框（SearchView）的功能与用法

SearchView是搜索框组件,它可以让用户在文本框内输入汉字,并允许通过监听器监控用户输入,当用户用户输入完成后提交搜索按钮时,也通过监听器执行实际的搜索. 使用SearchView时可以使用如下常用方法. setIconifiedByDefault(boolean iconified):设置该搜索框默认是否自动缩小为图标. setSubmitButtonEnabled(boolean enabled):设置是否显示搜索按钮. setQueryHint(CharSequence hint):…