# Can I do this with External Interface?

**URL:** https://forum.kirupa.com/t/can-i-do-this-with-external-interface/273943
**Category:** flash
**Created:** [October 22, 2008, 8:54pm UTC](https://forum.kirupa.com/t/can-i-do-this-with-external-interface/273943 "2008-10-22T20:54:04Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![rondog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rondog/32/2478_2.png) [@rondog](https://forum.kirupa.com/u/rondog)
#### Post date: [October 22, 2008, 8:54pm UTC](https://forum.kirupa.com/t/can-i-do-this-with-external-interface/273943/1 "2008-10-22T20:54:04Z")

</div>

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:

```auto

<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>

```
