Hi all,
Here is the code for the whole page:
<html>
<head>
<link rel="stylesheet" href="zen.css" type="text/css">
<title>
File Not Found
</title>
</head>
<body>
<div id="Layer1" style="position:absolute; left:60px; top:100px; width:238px; height:20px; background-Color ='#B9D3EE'; visibility:hidden; filter:progid:DXImageTransform.Microsoft.GradientW ipe(duration=0.3, GridSizeX=20, GridSizeY=20)"><table width = "100%" id = "tab1" cellspacing = 0 cellpadding = 0 border =1 bordercolor = "black" bgcolor = "#E0FFFF"><tr><td><marquee behavior ="slide" direction = "left" scrollamount = 10>This link will take you to the post screen.</marquee></td></tr></table></div>
<div id="Layer2" style="position:absolute; left:390px; top:100px; width:280px; height:20px; background-Color ='#B9D3EE'; visibility:hidden; filter:progid:DXImageTransform.Microsoft.GradientW ipe(duration=0.3, GridSizeX=20, GridSizeY=20)"><table width = "100%" id = "tab2" cellspacing = 0 cellpadding = 0 border =1 bordercolor = "black" bgcolor = "#E0FFFF"><tr><td><marquee behavior ="slide" direction = "left" scrollamount = 10>This link will take you back to the search screen.</marquee></td></tr></table></div>
<H5>Details not found!</H5>
Unfortunately the delivery details you requested are not available, or you did not enter a delivery number to retrieve. This is probably due to the fact that they have not yet been entered. To enter them yourself please click <a href = "post.htm" onmouseover = "unhidediv1()" onmouseout = "hidediv1()"> here </a>. Please click <a href ="external.html" onmouseover ="hidediv2()" onmouseout = "unhidediv2()">here</a> to try the delivery number again.
<script language ="javascript">
function unhidediv1(){
Layer1.filters[0].Apply()
Layer1.style.visibility="visible";
Layer1.filters[0].Play();
}
function hidediv1(){
Layer1.filters[0].Apply()
Layer1.style.visibility="hidden";
Layer1.filters[0].Play();
}
function unhidediv2(){
Layer2.filters[0].Apply()
Layer2.style.visibility="hidden";
Layer2.filters[0].Play();
}
function hidediv2(){
Layer2.filters[0].Apply()
Layer2.style.visibility="visible";
Layer2.filters[0].Play();
}
</script>
</body>
</html>
The strange thing here is that the marquees buried within the tables within the divs only work on the first onmouseover. After that, the image transforms still work but the marquee doesn't. Anyone any idea whats going on? What I need is for the marquee behavior to trigger after the wipe effect, but it only works once on one of the onmouseovers!
Thanks in advance
interrupt
DX Image Transform Filters Weirdness With Marquees
