I have the following code that makes a div show and hide by clicking on a link in the swf file. The problem is that in Firefox cannot click on any links that are on the html page where the hidden div is. Internet explorer does not have a problem.
Can somebody please help me modify this code so that when the showHide function is called it also toggles where the div position is. So when it is visibile it will display in the middle of the page, and when it is hidden it will be like -4000 pixels off the screen. Hopefully no horizontal scrollbar either.
Here is the code:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>show-hide swf</title>
<meta http-equiv=“Content-Type” content=“application/xhtml+xml; charset=utf-8” />
<style type=“text/css”>
div#layer {
width:550px;
height:400px;
margin:auto;
}
</style>
<script type=“text/javascript”>
function showHide() {
if(document.getElementById(“layer”).innerHTML==’’) {
document.getElementById(“layer”).innerHTML=’<object type=“application/x-shockwave-flash” ‘+
’ data=“toggleLayer.swf” width=“550” height=“400”>’+
‘<param name=“movie” value=“toggleLayer.swf” />’+
‘<param name="wmode"value=“transparent”/>’+
‘</object>’;
}
else {
document.getElementById(“layer”).innerHTML=’’;
}
}
</script>
<script src=“AC_RunActiveContent.js” type=“text/javascript”></script>
</head>
<body>
<div>
<script type=“text/javascript”>
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0’,‘width’,‘300’,‘height’,‘250’,‘src’,‘testad’,‘quality’,‘high’,‘pluginspage’,‘http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,‘movie’,test’ ); //end AC code
</script>
</div>
<div id=“layer”></div>
</body>
My code that is on the flash files button:
on(release){
getURL(“javascript:showHide()”);
}
</html>
