my website works 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:
<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
Modificadas por cor-el el
Solución elegida
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
Leer esta respuesta en su contexto 👍 0Todas las respuestas (2)
Solución elegida
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
Thank you that seems to be the problem