有知道的请回答,高分悬赏!!!!!!!!!!只给回答最好的了!!! 我要实现下面这个功能,点击一个按钮,弹出一个搜索框,然后再搜索框输入内容后,在将从数据库中得到的内容在当前弹出的搜索框中进行显示,是直接在搜索框中显示,不是到另外一个页面,有知道的能具体的说下吗,大概思路我知道了,就是做一个点击事件,然后用window.open(),活着window.createpopup()来做,但是我觉得这样并不是很好我希望这个搜索框是慢慢弹出来的,这样好看点,而且返回值一定要在搜索框显示!!! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 1,缓慢弹出窗口应该自己用js模拟一个div的窗口,窗口分模态和非模态的,似乎没有渐渐展开的熟悉吧。干嘛提出这个需求。2,我要实现下面这个功能,点击一个按钮,弹出一个搜索框,然后再搜索框输入内容后,在将从数据库中得到的内容在当前弹出的搜索框中进行显示在input中输入搜索内容,input下方可以有一个div层,装载你查询出来的结果。顺便说下:你的分对我应该没啥意义。 解决方案就是AJAX自己去网上查阅AJAX的使用方式 弹出框用jQuery的插件fancybox 这个可以在网上下载。用法也很简单,JS部份: $("#myPwd").fancybox({ 'zoomSpeedIn': 500, 'zoomSpeedOut': 500, 'frameWidth': 524, 'frameHeight': 470, 'overlayShow':true });html部份: <a id="myPwd" href="sys/pwd.do?method=toModifyPass" >修改密码</a>里面的链接是跳转到修改页面.这样就能实现你所需要的要求最后说一下fancybox的效果个人感觉还行 baidu一下找AJAX的使用方法,估计里面都有代码!~ Ajax吧 这个问题是最基本的。一楼已经回答的很好了。至于渐渐弹出,你去学校flex或者flash吧 这个类似模糊查询,在jquery中有一个这样的方法叫contains(),包括某些内容就会显示整个的标签的内容只需要调用此函数就可以 了,不需要调用别的处理 用DIV模拟弹出框,渐入渐出效果用jquery做,至于要获取的内容AJAX就行,ajax就去网站搜一下出于人道主义救援 当前页的内容:<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">function goSearch(){ $('#show').hide().load('search', function(){ $(this).fadeIn(500); //500ms内淡入显示 });}function search(){ var keyword = $('#keyword').val(); var url = '你的请求路径'; $.get(url, null, function(data){ $('#keyword').val(data); //data是查询到的结果,返回后填充到文本框里 });}</script><style type="text/css">#show{display: none;padding: 0;position: absolute;top: 50px;left: 100px;z-index: 1000;}</style><a href="javascript:void(0)" onclick="goSearch()">搜索</a><div id="show"></div>搜索页search.jsp的内容:<input type="text" id="keyword" /><input type="button" value="搜索" onclick="search()" /> 用ajax+div弹出层,直接放到输入框下面。类似百度这种搜索提示的。 疑难--用数组实现的可多次添加和删除的功能 js中如何根据两个日期(字符串)计算天数 如何把页面元素id通过函数传递? 怎样截获网页所有点击 js分页时遇到问题 各位大侠支着关于isNull()的问题 JAVASCRIPT 能实现如下功能?有点象宏 他是怎么做到的? 在javascript中如何求两个时间的差值呢,在线等待 很难的问题。。。两个帧,其中一个帧(A)要对另外一个帧(B)的TEXT框写值,问题是如果B还没Loading完,就会报一个错,对象不存在, 【原创】ImagesLazyLoad 图片延迟加载效果 求助,文字上下滚动问题!
2,我要实现下面这个功能,点击一个按钮,弹出一个搜索框,然后再搜索框输入内容后,在将从数据库中得到的内容在当前弹出的搜索框中进行显示在input中输入搜索内容,input下方可以有一个div层,装载你查询出来的结果。顺便说下:你的分对我应该没啥意义。
自己去网上查阅AJAX的使用方式
JS部份:
$("#myPwd").fancybox({
'zoomSpeedIn': 500,
'zoomSpeedOut': 500,
'frameWidth': 524,
'frameHeight': 470,
'overlayShow':true
});
html部份:
<a id="myPwd" href="sys/pwd.do?method=toModifyPass" >修改密码</a>
里面的链接是跳转到修改页面.
这样就能实现你所需要的要求
最后说一下fancybox的效果个人感觉还行
的使用方法,估计里面都有代码!~
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function goSearch(){
$('#show').hide().load('search', function(){
$(this).fadeIn(500); //500ms内淡入显示
});
}
function search(){
var keyword = $('#keyword').val();
var url = '你的请求路径';
$.get(url, null, function(data){
$('#keyword').val(data); //data是查询到的结果,返回后填充到文本框里
});
}
</script>
<style type="text/css">
#show{
display: none;
padding: 0;
position: absolute;
top: 50px;
left: 100px;
z-index: 1000;
}
</style>
<a href="javascript:void(0)" onclick="goSearch()">搜索</a>
<div id="show"></div>
搜索页search.jsp的内容:
<input type="text" id="keyword" />
<input type="button" value="搜索" onclick="search()" />