js+div+浮动查询窗体的问题

我用js实现浮动的查询窗体:实现方法是:通过在页面上放置一个DIV,在DIV中放置控件,点击text后,出现窗体,查询返回后关闭浮动窗体.现在的问题是:我的这个查询窗口在程序中很多地方都要用到,那么能不能将这个DIV做成一个公用的东西,在每个页面只要传入少量参数就可以打开呢?或者各位有没有参考的代码或学习地址?或是否有其他实现方式? 主要是要实现公用的问题,单独本页实现,我已经实现了 

解决方案 »

  1.   


    做成一个页面的话,在DIV中方一个页面?行不?那怎么去掉页面上面的条呢?
      

  2.   

    当然可以啦，在div中加入frame就可以了，解决你的问题咯，不过我个人还是习惯用空间哈！
      

  3.   


    对控件不太熟悉啊,怎么新建控件呢?你说的控件是JAVA做控件么?怎么做呢?有没有教学的东西可以参考啊
      

  4.   

    就搞个页面   要javascript调用这个页面  就 ok了   
      

  5.   

    这是我根据你的情况写的，看下是你想要的吗，如果是回条信息！<html>   
    <head>   
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
    <title>提示信息框 </title>   
    <style type="text/css">   
    a{   
        color:#000;   
        font-size:12px;  
        text-decoration:none;  
    }   
    a:hover{   
        color:#900;   
        text-decoration:underline;  
    }   #massage_box{   
        position:absolute;   
        left:expression((body.clientWidth-350)/2);   
        top:expression((body.clientHeight-200)/2);   
        width:350px;   
        height:200px;  
        filter:dropshadow(color=#666666,offx=3,offy=3,positive=2);   
        z-index:2; visibility:hidden;  
    }   
    #mask{   
        position:absolute;   
        top:0; left:0;   
        width:expression(body.scrollWidth);   
        height:expression(body.scrollHeight);   
        background:#666;   
        filter:ALPHA(opacity=60);   
        z-index:1;   
        visibility:hidden;  
    }   
    .massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}   
    .header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}   
    </style>   
    <!--实现层移动-->   
    <script language="javascript">   
    var Obj=''   
    document.onmouseup=MUp   
    document.onmousemove=MMove  function MDown(Object){   
        Obj=Object.id   
        document.all(Obj).setCapture()   
        pX=event.x-document.all(Obj).style.pixelLeft;   
        pY=event.y-document.all(Obj).style.pixelTop;   
    }  function MMove(){   
        if(Obj!=''){   
            document.all(Obj).style.left=event.x-pX;   
            document.all(Obj).style.top=event.y-pY;   
        }   
    }  function MUp(){   
        if(Obj!=''){   
            document.all(Obj).releaseCapture();   
            Obj='';   
        }   
    }   function d_x(){  
        mask.style.visibility='visible';  
        massage_box.style.visibility='visible'  
    }  
    function d_y(){  
        massage_box.style.visibility='hidden';   
        mask.style.visibility='hidden'  
    }  
    </script>   
    </head>   <body>   
    <div id="massage_box">   
        <div class="massage">   
            <div class="header" onmousedown=MDown(massage_box)>   
                <div style="display:inline; width:150px; position:absolute">本站提示信息 </div>   
    <span onClick="javascript:d_y();" style="float:right; display:inline; cursor:hand">× </span>  
            </div>   
              
    <ul style="margin-right:25">   
        <li>哈哈可以了 </li>   
        <input type="text" /> <br /> <input type="button" value="相册提交" />   
          
        <li> </li>   
        <li> </li>   
    </ul>       </div>   
    </div>   <div id="mask" onClick="javascript:d_y();"> </div>   <span onClick="javascript:d_x();" style="cursor:hand"><a href="#">你想要的控件来触发 </a> </span>   
    <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>  
    <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>  
    <br> <br> <br> <br> <br> <br> <br> <br> <br>   
    bottom here   
    </body>   
    </html>