flash overlay close using button

Posted on 2011-04-22
Last Modified: 2012-05-11
I have a flash overlay and I'm trying to get it to close using a flash button.  The flash is within <div> but having problems

Here's the website...trying to help a friend

The return to website button

<script type="text/javascript"> 
	//FLASH MOVIES (using SWFObject for IE Eolas changes)

	var wreath = new SWFObject("wreaths/spafiori_new.swf", "mymovie", "496", "252", "0", "#999999");

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19766158-1']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);



<body id="portfolio" onload="showExample(wreath, 'flash_viewer')">
<div id="exampleArea">
<div id="shade" onclick="void(0)"></div>
	<div id="flash_viewer">
		The feature you're trying to access requires the Flash plug-in.  
		If you're seeing this message, you probably don't have the plug-in.
	<!-- IMAGE VIEWER -->
	<div id="image_viewer">
<!---	<input type="button" id="closeButton" onclick="showPage()" value="Close" /> --->

Open in new window

Question by:shjani
    LVL 29

    Expert Comment

    What is you stage size in FLA>?
    LVL 29

    Expert Comment

    You Flash holder is width 700px but wreaths/spafiori_new.swf width 496px you may prevent from div holder

    #flash_viewer {
        display: none;
        left: 50%;
        margin-left: -350px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 700px;
        z-index: 200;

    Accepted Solution

    Was able to figure it out on my own with a function that was within the javascript on the website.  Because I was trying to retrofit an existing website, I had to do some investigating.  That's for your help.

    Author Closing Comment

    typo...Thanks for your help...

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
    In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now