Works in IE, Safari, Chrome, & Opera but not in Firefox.
I am using this to switch content in a css folder as well as switching an image at the same time. Unfortunately I can not for the life of me get it to work in Fireofx. I have tested in ALL other browsers and it works fine. Java is on in my Firefox app, and I have tested it on other computers as well with the same results.
This si the last thing I need to figure out before I go live with my site. Any help would be greatly appreciated.
HTML Code:
<script type="text/javascript">
var selectedTab;
function showFolder(currFolder, currTab)
{
selectedTab = currTab;
var folderObj = document.getElementById("folderContainer");
var divCollection = folderObj.getElementsByTagName("DIV");
var tabObj = document.getElementById("tabContainer");
var spanCollection = tabObj.getElementsByTagName("SPAN");
//now loop through the divs inside the folder container
for( i = 0; i<divCollection.length; i++ )
{
//set all folders to hidden
if(divCollection[i].className == "folder")
{
divCollection[i].style.visibility = "hidden";
}
}
//now loop through the tabs
for( i = 0; i<spanCollection.length; i++ )
{
//set all tabs to the inactive color;
if (spanCollection[i].className == "tabParentActive")
{
spanCollection[i].className = "tabParent";
}
}
currFolder.style.visibility = "visible";
currTab.className = "tabParentActive"
}
//these functions are called when the tabs are moused over
function activateTab(currTab)
{
currTab .className = "tabParentActive";
}
function inactivateTab(currTab)
{
if(selectedTab.id != currTab.id)
{
currTab .className = "tabParent";
}
}
</script><script type="text/javascript">
function toggle_visibility(prodimage2) {
var e = document.getElementById(prodimage2);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
Bookmarks