I'm working on a site with existing code.... I changed the look and feel and now the + boxes are not expanding and opening up the sub panels in Firefox only, IE works fine. For instance, there is a text the user clicks the + and it opens up another panel with the sub categories...
Here is the existing code....
<script language="JavaScript1.2" type="text/javascript">
<!--
table_contract = new Image(1,1);
table_contract.src = "/images/t-open.gif";
table_expand = new Image(1,1);
table_expand.src = "/images/t-close.gif";
function expandDiv(tahw) {
what = eval(tahw + "_menu");
if (what.style.display == "none") {
what.style.display = "";
} else {
what.style.display = "none";
}
}
//-->
</script>
Here is a portion of the code that calls it:
<tr valign="middle" onmouseover="bgColor='#fff
fff'" onmouseout="bgColor='#FFFF
FF'">
<td width="15%" valign="top" onclick="expandDiv('Click'
)"
style="cursor: hand" onmouseover="bgColor='Whit
e'" onmouseout="bgColor='#FFFF
FF'">
<div align="right">
<b>
Click
<img src="/images/plus.gif"></b
>
</div>
</td>
<td colspan="3">
<div class="small" style="display: none;" id="Click_menu">
... then the rest of the stuff goes here that is supposed to open up....
Can anyone see what is wrong with why it doesn't work in Firefox? I have spent hours on this removing and adding and removing and adding to narrow it down to where it is failing, but I am at a loss.
One thing I added to my version, which was not in the original version is this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
If I remove that from my version, and just leave <html>in, the content of my document doesn't display on the screen.
Start Free Trial