关键词查询，弹出结果窗口，背景变暗，很急用！

50元悬赏如题搜索代码如下：
 <FORM  action="search.asp" method="post"  >
<INPUT class="searchInput" value="输入关键字" name="keys" onblur="if(value=='')value='输入关键字';" onfocus="if(value == '输入关键字')value = ''" > 
<INPUT class="searchBtn" type="submit" method="post" value="搜索">
所说变量：search.asp?keys=关键词
如何做一个输入关键词后点击搜索  弹出一个窗口是search.asp?keys=关键词，而当前页背景变暗……

解决方案 »

  1.   

    是这样吗
    <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
    #fade{width:100%;height:100%;background:#000;opacity:0.5;position:fixed;top:0;left:0;}
    </style>
    </head> <body>
    <div id="fade" style="display:none"></div>
    <FORM action="" method="post" >
    <INPUT class="searchInput" value="输入关键字" name="keys" onblur="if(value=='')value='输入关键字';" onfocus="if(value == '输入关键字')value = ''" >  
    <INPUT class="searchBtn" type="submit" method="post" name="sub" value="搜索">
    </form> <script type="text/javascript">
    document.forms[0].sub.onclick = function(){
    document.getElementById("fade").style.display = 'block'
    alert('search.asp?keys='+document.forms[0].keys.value)
    }

    </script> </body>
    </html>
      

  2.   

    不是这样，不是弹出对话框，是弹出层，层里面是search.asp的搜索结果，在百度知道里有人写出来了，只是他写的不能背景变暗透明。
    能再改改？
      

  3.   

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript">
    function form_submit(s){
    var searchhtml
    var fd = $(s).serialize()
    $.ajax({
    type: s.method,
    url: s.action,
    data: fd,
    dataType: "html",
    error: function(xhr,error){ 
    if(error == 'error'){ 
    searchhtml = xhr.responseText;
    }
    },
    success: function(shtml){
    searchhtml = shtml;
    }
    });
    $("#dialog").html(searchhtml);
    $("#dialog").dialog("open");
    return false
    }
    $(document).ready(function(){
    $("#dialog").dialog({
    autoOpen: false,
    title:"搜索结果",
    resizable: false,
    position:"center",
    width: 400,
    height:400,
    modal: true
    });
    });
    </script>
    <body>
    <div id="dialog"></div>
    <form method="post" action="search.asp" id="myform" onsubmit="return form_submit(this);">
    <input type="text" name="key">
    <input type="submit">
    </form>