In HTML I have a link that creates an overlay like in lightbox. Is their a way I can do that from a button in flash? Here is my code in HTML that creates and turns off the overlay:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>newCourse</title>
<script src="swfobject.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#bgholder {
background:url("images/bg.jpg") repeat-x;
}
.fader {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height: 100%;
background-color: #000;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
</style>
</head>
<body>
<div id="bgholder">
<div id="black" class="fader" onClick="document.getElementById('black').style.display='none';"></div>
<div align="center" id="player">
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("newCourse.swf", "vforum", "900", "370", "9", "#ffffff");
so.addParam("allowfullscreen", "true");
so.write("player");
// ]]>
</script>
</div>
<a href="javascript:void(0)" onClick="document.getElementById('black').style.display='block';">This link turns the overlay on.</a>
</div>
</body>
</html>