我要实现下面这个功能,点击一个按钮,弹出一个搜索框,然后再搜索框输入内容后,在将从数据库中得到的内容在当前弹出的搜索框中进行显示,是直接在搜索框中显示,不是到另外一个页面,有知道的能具体的说下吗,大概思路我知道了,就是做一个点击事件,然后用window.open(),活着window.createpopup()来做,但是我觉得这样并不是很好我希望这个搜索框是慢慢弹出来的,这样好看点,而且返回值一定要在搜索框显示!!!
解决方案 »
- 使用LigerUi进行Layout的时候,发现left中怎么也去不掉上面的条框...
- 初学者的一个小问题!!!!!!!!
- 什么设置层的滚动方向?
- JS如何播放.wav文件
- 急:按tab键,光标直接到下面的文本框上(在线等候)
- 单选项,选yes时,激发一事件,选no时不激发,如何写?
- 我写了一棵树的测试程序,可是发现无法递归啊,那位大侠能救救我,急啊!!!!!!!!!!1
- jQuery怎么跨过儿子取孙子?
- 如何用按钮控制拖动条?想让它往哪动就动,想让它停止就停止!
- 请问在DOM1.0中有没有对应IE的DHTML属性innerHtml,innerText,outerHtml,outerText
- 【原创】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()" />