We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

my website works in IE but not firefox

  • 2 respostas
  • 3 têm este problema
  • 20 visualizações
  • Última resposta de AndrewLeonard

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

Alterado por cor-el em

Solução escolhida

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

Ler esta resposta 👍 0

Todas as respostas (2)

more options

Solução escolhida

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