Problems with IE 6 and Submit/onmouseover.

[blackbelt080]

This works in FireFox but not IE 6. Please advise me with any solutions.

<snippet>

<input type="submit" value="I agree" onMouseOver="hidebox();return false">

</snippet>

[AricC]

This works in FireFox but not IE 6. Please advise me with any solutions.

<snippet>

<input type="submit" value="I agree" onMouseOver="hidebox();return false">

</snippet>

Please show us the full code including the Javascript.

Aric

[blackbelt080]

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
 
//drag drop function for NS 4////
/////////////////////////////////
 
var dragswitch=0
var nsx
var nsy
var nstemp
 
function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
 
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
 
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
 
//drag drop function for ie4+ and NS6////
/////////////////////////////////
 
 
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}
 
function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
 
if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
 
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
 
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")
 
////drag drop functions end here//////
 
function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
 

 <%if foreignna = "Yes" then%>[HTML]
          </div>
              <div id="showimage" style="position:absolute; width:1500px; left:300px; top:275px; height: 167px;">
 
<table border="0" width="650" bgcolor="#005999" cellspacing="0" cellpadding="2">
  <tr>
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
    height="36px">
      <tr>
        <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"><strong><small>Important Notice to Foreign Nationals</small></strong></font></layer></ilayer></td>
        <!--<td style="cursor:hand"><a href="index.asp" onClick="hidebox();return false"><img src="close.gif" width="19"
        height="14px" border=0></a></td>-->
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="4"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#005999">
 
              <div align="left"><font size="3">
                <!-- PUT YOUR CONTENT BETWEEN HERE -->
                Technical data authorized for export may not be reexported, transferred or diverted from the country of ultimate end-use or from the authorized foreign end-user or disclosed to a national of another country without the prior written approval of the Office of Defense Trade Controls.
Technical data posted to this website has been authorized for export from the United States to Four Eyes Allied Partners, nationals of Australia, Canada, and the United Kingdom by the Office of Defense Trade Controls, insofar as individual nationality is not diverse from his or her employing agency. <br><br><br>
                 <!--Added a onmouseover as well as onclick event to accommodate two click events-->     
                <center><input type="submit" value="I agree" onMouseOver="hidebox();return false"></center>
                <!-- END YOUR CONTENT HERE -->
              </font></div>[/HTML]
               <%else%>
                       <%end if%>    
 

[blackbelt080]

I found a work around. I just inserted the content from one of the DHTML boxes into the other and that eliminated the duplicate "on" events. Also, I inserted some if-then-else code so that only certain users that needed to view the second box content could.

[blackbelt080]

In other words, I just deleted one DHTML box and stuck to one DHTML box and left the Javascript alone. However, I kept the content block from one of the boxes, then copied and pasted it into the single DHTML box between the content block.

[AricC]

I'm going to move this to the Javascript forum you will most likely get more answers there.

[acoder]

In the code that you have posted, the div is not closed. That might have been the problem. Also, you are using very old code from the mid-1990s. All modern browsers support document.getElementById.