Estou com um problema pra resolver e, de certa forma, urgente, hehehe
O problema é o seguinte:
No meu site, quero um dropdown que apareça abaixo do menu, na horizontal, ou seja, apareça mais uma linha, com outros submenus.
Claro, no Firefox e Opera está tudo perfeito. Mas no IE simplesmente não aparece o submenu.
O endereço é: http://www.flexitron.com.br/testando47
Tentei utilizar um javascript famoso pra dopdowns, mas não funcionou. Imagino que seja pelo fato de eu ter utilizado id nas <li> ou algo do tipo.
Segue abaixo o código do menu e, depois, o javascript.
<ul id="nav"> <li id="menuhome"><a class="menu1" href="index.php"></a></li> <li id="menuempresa"><a class="menu2" href="#"></a> <ul class="subnav1"> <li><a class="submenu" href="?p=empresa_historico">Histórico</a></li> <li><a class="submenu" href="?p=empresa_politica">Política, Missão e Valores</a></li> <li><a class="submenu" href="?p=empresa_endereco">Endereço e Telefones</a></li> </ul> </li> <li id="menuprodutos"><a class="menu3" href="#"></a> <ul class="subnav2"> <li><a class="submenu" href="?p=produtos_industrial">Linha Industrial</a></li> <li><a class="submenu" href="?p=produtos_comercial">Linha Comercial</a></li> </ul> </li> <li id="menuvendas"><a class="menu4" href="#"></a> <ul class="subnav3"> <li><a class="submenu" href="?p=produtos_industrial">Contato Comercial</a></li> <li><a class="submenu" href="?p=produtos_comercial">Comparativo de Produtos</a></li> <li><a class="submenu" href="?p=produtos_industrial">Encontre o produto mais adequado</a></li> <li><a class="submenu" href="?p=produtos_comercial">Distribuidores</a></li> </ul> </li> <li id="menusuporte"><a class="menu5" href="#"></a> <ul class="subnav4"> <li><a class="submenu" href="?p=suporte_consultor">Consultor</a></li> <li><a class="submenu" href="?p=suporte_manuais">Manuais</a></li> <li><a class="submenu" href="?p=suporte_duvidas">Dúvidas</a></li> <li><a class="submenu" href="?p=suporte_comparativo">Comparativo Produtos</a></li> </ul> </li> <li id="menuinformacoes"><a class="menu6" href="#"></a> <ul class="subnav5"> <li><a class="submenu" href="?p=informacoes_noticias">Notícias</a></li> <li><a class="submenu" href="?p=informacoes_eventos">Eventos</a></li> <li><a class="submenu" href="?p=informacoes_links">Links</a></li> <li><a class="submenu" href="?p=informacoes_banco">Banco de Imagens</a></li> <li><a class="submenu" href="?p=informacoes_parceiros">Parceiros</a></li> <li><a class="submenu" href="?p=informacoes_faleconosco">Fale Conosco</a></li> </ul> </li> </ul>
startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace (" over", ""); } } } } } window.onload=startList;
Edição feita por: Put, 13/03/2006, 11:36.