如何在浮动图层关闭按钮上打开一个新网站

时间:2013-12-13 04:24:56

标签: javascript html

当访问者点击我的浮动图层广告上的关闭“x”时,我正在尝试打开新的浏览器窗口。

“X”关闭按钮位于html链接代码“a href”内,但是在其中放置网址不起作用。

    <script language="JavaScript1.2">
    <!--
    isIE=document.all;
    isNN=!document.all&&document.getElementById;
    isN4=document.layers;
    isActive=false;

    function MoveInit(e){
      topOne=isIE ? "BODY" : "HTML";
      whichOne=isIE ? document.all.FloatingLayer : document.getElementById("FloatingLayer");  
      ActiveOne=isIE ? event.srcElement : e.target;  
      while (ActiveOne.id!="titleBar"&&ActiveOne.tagName!=topOne){
        ActiveOne=isIE ? ActiveOne.parentElement : ActiveOne.parentNode;
      }  
      if (ActiveOne.id=="titleBar"){
        offsetx=isIE ? event.clientX : e.clientX;
        offsety=isIE ? event.clientY : e.clientY;
        nowX=parseInt(whichOne.style.left);
        nowY=parseInt(whichOne.style.top);
        MoveEnabled=true;
        document.onmousemove=Move;
      }
    }

    function Move(e){
      if (!MoveEnabled) return;
      whichOne.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
      whichOne.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
      return false;  
    }

    function MoveN4(whatOne){
      if (!isN4) return;
      N4=eval(whatOne);
      N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
      N4.onmousedown=function(e){
        N4.captureEvents(Event.MOUSEMOVE);
        N4x=e.x;
        N4y=e.y;
      }
      N4.onmousemove=function(e){
        if (isActive){
          N4.moveBy(e.x-N4x,e.y-N4y);
          return false;
        }
      }
      N4.onmouseup=function(){
        N4.releaseEvents(Event.MOUSEMOVE);
      }
    }

    function ToggleFloatingLayer(DivID, iState) // 1 visible, 0 hidden
    {
        if(document.layers)    //NN4+
        {
           document.layers[DivID].visibility = iState ? "show" : "hide";
        }
        else if(document.getElementById)      //gecko(NN6) + IE 5+
        {
            var obj = document.getElementById(DivID);
            obj.style.visibility = iState ? "visible" : "hidden";
        }
        else if(document.all)   // IE 4
        {
            document.all[DivID].style.visibility = iState ? "visible" : "hidden";
        }
    }

    document.onmousedown=MoveInit;
    document.onmouseup=Function("MoveEnabled=false");
    // -->
    </script>



    <!-- Start Floating Layer -->
    <div id="FloatingLayer" style="position:absolute;width:310px;left:210px;top:230px;visibility:visible;">
        <div id="titleBar" style="cursor:move; width:100%; position:relative; border-bottom:solid 1px #e79300; background-color:#e79300;">
            <div id="title" align="center" style="margin-top:3px;">
                <font size="3" face="Arial" color="#000">Title Here</font>
            </div>
            <div id="closeX" style="cursor:hand; position:absolute; right:5px; top:0px;">
                <a href="#" onClick="ToggleFloatingLayer('FloatingLayer',0);return false"  style="text-decoration:none"><font color="#333333" size="3" face="arial">X</font></a>
            </div>
        </div>
        <div id="floatingContent" align="center" style="padding:3px; background-color:#000; color:#333333;">

HTML GOES HERE

            <!-- End of content area -->
        </div>
    </div>
<!-- End Floating layer -->

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用链接定位新窗口? http://www.w3schools.com/tags/att_a_target.asp