Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

my website works in IE but not firefox

more options

this is my web page: http://www.andrew-leonard.co.uk/Mallorca/mallorca%20ferns.htm

It usess css to define layers and javascript to show and hide the layers. It uses a dhtml menu system by Milonic to execute the javascript

This is part of the code for the layers:

<style type="text/css">
#Layer01 {position: absolute; left: 300px; top: 50px; z-index:1;}
...........
#Layer33 {position: absolute; left: 300px; top: 50px; z-index:33;}
</style>

This is part of the javascript to show/hide the layers:

<script>
function showlayer(layer){
var myLayer = document.getElementById(layer).style.display;
if(myLayer=="none"){
document.getElementById(layer).style.display="block";
} else {
document.getElementById(layer).style.display="none";
}
}
</script>


It works OK in IE but not firefox

this is my web page: http://www.andrew-leonard.co.uk/Mallorca/mallorca%20ferns.htm It usess css to define layers and javascript to show and hide the layers. It uses a dhtml menu system by Milonic to execute the javascript This is part of the code for the layers: <pre><nowiki><style type="text/css"> #Layer01 {position: absolute; left: 300px; top: 50px; z-index:1;} ........... #Layer33 {position: absolute; left: 300px; top: 50px; z-index:33;} </style></nowiki></pre> This is part of the javascript to show/hide the layers: <pre><nowiki><script> function showlayer(layer){ var myLayer = document.getElementById(layer).style.display; if(myLayer=="none"){ document.getElementById(layer).style.display="block"; } else { document.getElementById(layer).style.display="none"; } } </script></nowiki></pre> It works OK in IE but not firefox

Modified by cor-el

Chosen solution

If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on. The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.

There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.

Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript

Read this answer in context 👍 0

All Replies (2)

more options

Chosen Solution

If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on. The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.

There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.

Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript

more options

Thank you that seems to be the problem