怎样将window.createPopup（）创建的弹出窗体放入DIV里面去

var   oPopup   =   window.createPopup();   //IE5.5+   //创建一个弹出窗口
/ ar   oPopup=document.createElement("DIV");
function popupSub(id,string,show){
if(show==false) return;//判断是否有子菜单
else{
 // alert(string);
  var popupBody = oPopup.document.body;//设置变量接收弹出窗口的主体
 // popupBody.style.overflow = "auto"; 
oPopup.document.body.innerHTML   =  string;   //为弹出窗口填充标签内容
var   popTable   =   document.getElementById("menu"+id).getBoundingClientRect();  //获取主菜单的真实位置 
    
var b = popTable.bottom;//获取主菜单下部与页面最上边界的距离
//alert(b);
var   w   =   oPopup.document.all.subMenu.width;   //设置弹出窗口的宽

var   h   =   oPopup.document.all.subMenu.height;  //设置弹出窗口的高


/*设置下拉子菜单的显示方式*/
var subMenuObj = oPopup.document.all.subMenu;//设置变量接收弹出窗口
//alert(oPopup.document.all.subMenu.innerText);
subMenuObj.style.borderWidth =1;   //设置弹出窗口边框宽度
subMenuObj.style.borderStyle = "solid";//设置弹出窗口边框样式
subMenuObj.style.borderColor ="#7380A3";//设置弹出窗口边框颜色
//alert(popupBody.all.length);
   for (var i = 0; i < popupBody.all.length; i++) {
  if(popupBody.all[i].id!=null){
    if(popupBody.all[i].id.indexOf("subMenu") != -1){
      var menuListObj = oPopup.document.all[i];
      menuListObj.style.fontFamily ="宋体";//设置弹出窗口内字体
      menuListObj.style.fontSize= 12;//设置弹出窗口内字体大小
          menuListObj.style.fontWeight="bold";//设置弹出窗口内字体粗细
      if(menuListObj.id.indexOf("subMenuList")!=-1){
      / ar listObj = oPopup.document.all[i];
        //alert(menuListObj.id);
        menuListObj.onmouseover =changeSub;//当鼠标移动到子按钮上的时候
        menuListObj.onmouseout =restoreSub;//当鼠标移动到子按钮上的时候
       
     }
        }
 }
    
 }
// oPopup.document.all.subMenu.style.backgroundImage="headimages/bg_subMenu.jpg";
// oPopup.document.all.subMenu.style.borderTopWidth =0;
var   x   = window.screenLeft+popTable.left; //设置横坐标  
var   y   = parseInt(b)+window.screenTop-2;  //设置纵坐标   for (var i = 0; i < popupBody.all.length; i++) { 
//     alert(popupBody.all[i].id);
    if (popupBody.all[i].tagName == "A") {
popupBody.all[i].style.color="#384E73";//字体颜色
popupBody.all[i].style.fontWeight ="normal";//设置弹出窗口内字体粗细为标准
var tgt = popupBody.all[i].target;
if(tgt=="_blank" || tgt=="_parent" ||tgt=="_top" ){
popupBody.all[i].onclick=blankShow;
} else{
          popupBody.all[i].onclick = doClick; 
          }
          popupBody.all[i].style.letterSpacing="2";
}
   } 

oPopup.show(x,   y,   w,   h);   

oPopup.document.all.subMenu.onmouseleave= hideTable; }

}代码如上，我做了一个页面弹出窗体，现在想把它放进一个div里面，请问该怎么放?
或者哪位高人能用DIV实现popup的效果也可以。
小弟在这里请教了，恳请高人指点。

解决方案 »

  1.   

    <html><head>
    <script type="text/javascript">  
    function show_popup() {

    var p = window.createPopup();  
    var pbody = p.document.body;
    pbody.style.backgroundColor = "#0033cc";  
    pbody.style.border = "solid black 1px";

    pbody.innerHTML = "This is a pop-up! Click outside to close.";  
    p.show(150,150,200,50,document.body);
    }  
    </script>
    </head><body>
    <button onclick="show_popup()">Create pop-up!</button>
    </body></html>