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
Τροποποιήθηκε στις από το χρήστη cor-el
Επιλεγμένη λύση
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
Ανάγνωση απάντησης σε πλαίσιο 👍 0Όλες οι απαντήσεις (2)
Επιλεγμένη λύση
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