---- dataentry classname ----
type          : integration
system        : Flash
name          : Hide Flash on FoxyBox load
description   : Hide flash objects when the Thickbox is launched, and show them again when it's closed.
tags          : flash, foxybox
date_dt       : 2008-03-05
version       : 
developer_url : 
----

====== Hiding Flash on Modal Window Load ======

<WRAP important round>
//**Please note:**//
The code on this page is submitted by members of the FoxyCart community, and may not verified by FoxyCart.com LLC in any way, shape, or form. Please double check the code before installing. If you need help with it please [[http://forum.foxycart.com/|post in our forum]], but if we cannot offer assistance (due to unfamiliarity with this particular system or language) we apologize in advance.
</WRAP>

===== Description =====

If the pages that launch your FoxyBox cart also contain flash objects, you may encounter some display conflicts.  Specifically, flash objects can overlay your cart and obstruct its view, which is obviously not good.  The release of ThickBox 3 (on which FoxyBox is based) should have fixed most cases of this problem, however there are still some lingering browser/platform combinations that need some help.

To fix this, simply use javascript to hide the flash objects when the ThickBox is launched, and show the objects again when the box is closed.  [[:v:0.6.0:docs:json|Two functions created for the JSON cart object]], can be defined which let you access these events easily: 
<code javascript>
// called before ThickBox is opened	
function fc_PreProcess() {
	hideFlash();
	return true;
}
// called when ThickBox close button is clicked
function fc_BuildFoxyCart() {
	showFlash();
}
</code>

As for the functions hideFlash() and showFlash(), you can borrow from the distrubutions of ThickBox-like scripts.  The following were taken from the excellent [[http://www.lokeshdhakar.com/projects/lightbox2/|Lightbox 2]] script:

<code javascript>
function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "visible";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "hidden";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "hidden";
	}

}
</code>