1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

código htlm - conflitos no mozilla e IE

Discussão em 'Web Development' iniciada por carina_23, 13 de Julho de 2007. (Respostas: 11; Visualizações: 2522)

  1. O código seguinte, dá-me problemas no firefox.... no IE sem problemas... mas no mozilla o efeito desejado nao acontece!!! Alguém me sabe explicar porquê e apontar uma solução?!!?
    Trata-se de código html, gerado no dreamweaver, que utiliza um javascript para construir menus com sub-níveis! No mozilla, o menu permanece estético, nao mostra os sub-niveis!

    O código é:


    código html criado:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Menus</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="../../../../../Teste/CascadeMenu.css" rel="stylesheet">
    <script language="javascript" src="../../../../../Teste/CascadeMenu.js">
    </script>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Verdana, Tahoma, Courier New;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    }
    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:hover {
    text-decoration: none;
    color: #999999;
    }
    a:active {
    text-decoration: none;
    color: #FFFFFF;
    }
    a {
    font-weight: bold;
    }
    .style1{
    font-size: 11px;
    background-color: #003366;
    border: 1px solid #FFFFFF;
    }
    -->
    </style></head>
    <body OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy">
    <p>&nbsp;</p>
    <DIV Id="menuBar" class="menuBar" >
    <DIV Id="Bar1" class="Bar" menu="menu1">Sistema</DIV>
    <DIV Id="Bar2" class="Bar" menu="menu2">Utilizador</DIV>
    <DIV Id="Bar3" class="Bar" menu="menu3">Contabilidade</DIV>
    <DIV Id="Bar4" class="Bar" menu="menu4">Tabelas</DIV>
    <DIV Id="Bar5" class="Bar" menu="menu5">Consulta</DIV>
    <DIV Id="Bar6" class="Bar" menu="menu6">Ajuda</DIV>
    </DIV>
    <!--MenuItem Definition -->
    <div Id="menu1" class="menu style1" >
    <div Id="menuItem1_1" class="menuItem"><a href="#"onclick="MM_openBrWindow('gest_acessos.html','GestaodeAcessos','width=500,height=640')">Perfis&nbsp;de&nbsp;Acesso</a></div>
    <div Id="menuItem1_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('empresas.html','Empresas','width=542,height=315')">Consultar&nbsp;Empresas</a></div>
    <div Id="menuItem1_3" class="menuItem"><a href="#" onclick="MM_openBrWindow('../www.softcont.pt/index.html','','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes')">Site&nbsp;SoftCont</a></div>
    <div id="menuItem1_4" class="menuItem"><a href="#" onclick="MM_openBrWindow('../www.softcont.pt/correio.html','','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes')">Enviar&nbsp;Sugestões</a></div>
    <div id="menuItem1_5" class="menuItem"><a href="#" onclick="MM_openBrWindow('escerver_msg.html','','width=505,height=393')">Enviar&nbsp;Mensagem&nbsp;</a></div>
    <div Id="menuItem1_6" class="menuItem"><a href="#">Sair</a></div>
    </div>
    <div Id="menu2" class="menu style1">
    <div Id="menuItem2_1" class="menuItem"><a href="#" onclick="MM_openBrWindow('utilizadorcontab.html','usercontab','width=500,height=500')" >Empresa</a></div>
    <div Id="menuItem2_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('utilizadorconsultante.html','userconsultant','width=500,height=500')">Cliente</a></div>
    <div Id="menuItem2_3" class="menuItem"><a href="#" onclick="MM_openBrWindow('utilizadorconsultante.html','userconsultant','width=500,height=500')">Fornecedor</a></div>
    </div>
    <div Id="menu3" class="menu style1">
    <div Id="menuItem3_1" class="menuItem"><a href="#" onclick="MM_openBrWindow('inserircontapoc.html','ContaPOC','width=500,height=235')">Novas&nbsp;Contas&nbsp;Poc</a></div>
    <div Id="menuItem3_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('lancamentos.html','Lancamentos','width=687,height=470')">Lançar&nbsp;Di&aacute;rio</a></div>
    </div>
    <div Id="menu4" class="menu style1">
    <div Id="menuItem4_1" class="menuItem"><a href="#" onclick="MM_openBrWindow('inserircontapoc.html','ContaPOC','width=500,height=235')">Contas&nbsp;POC</a></div>
    <div Id="menuItem4_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('tabelaiva.html','TabelaIVA','width=500,height=188')">Tabela&nbsp;de&nbsp;IVA</a></div>
    <div Id="menuItem4_3" class="menuItem"><a href="#" onclick="MM_openBrWindow('integrardocs.htm','integrardocs','width=500,height=280')">Criar&nbsp;Documentos</a></div>
    <div Id="menuItem4_4" class="menuItem"><a href="#" onclick="MM_openBrWindow('cabecalhodiario.html','CabDiario','width=510,height=225')">Criar&nbsp;Di&aacute;rios </a></div>
    <div Id="menuItem4_5" class="menuItem"><a href="#" onclick="MM_openBrWindow('integrarmapas.html','','width=500,height=310')">Criar&nbsp;Mapas</a></div>
    </div>
    <div id="menu5" class="menu style1">
    <div Id="menuItem5_1" class="menuItem"><a href="#" onclick="MM_openBrWindow('acumuladosconta.html','AcumContaPoc','width=500,height=270')">Saldos&nbsp;de&nbsp;conta&nbsp;POC</a></div>
    <div Id="menuItem5_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('acumucontapessoal.htm','AcumContaPessoal','width=500,height=270')" >Extractos&nbsp;de&nbsp;Conta&nbsp;Pessoal</a></div>
    <div Id="menuItem5_3" class="menuItem"><a href="#" onclick="MM_openBrWindow('consultadiario.html','Diario','width=500,height=264')">Di&aacute;rios</a></div>
    <div Id="menuItem5_4" class="menuItem"><a href="#" onclick="MM_openBrWindow('consultamapas.html','consultamapas','width=500,height=220')" >Mapas</a></div>
    <div Id="menuItem5_5" class="menuItem" menu="menu8">Apuramentos&nbsp;&nbsp;</div>
    </div>
    <div id="menu6" class="menu style1">
    <div Id="menuItem6_1" class="menuItem"><a href="#">Manua&nbsp;Administrador</a></div>
    <div Id="menuItem6_2" class="menuItem"><a href="#">Manual&nbsp;Contabilista</a></div>
    <div Id="menuItem6_3" class="menuItem"><a href="#">Manual&nbsp;Consultante</a></div>
    </div>
    <div id="menu8" class="menu style1">
    <div Id="menuItem8_1" class="menuItem"><a href="#" onclick="MM_openBrWindow('apuramentoiva.html','ApuraIVA','width=500,height=313')">IVA</a></div>
    <div Id="menuItem8_2" class="menuItem"><a href="#" onclick="MM_openBrWindow('apuraresultprod.html','ApuraResProd','width=510,height=338')">Variação&nbsp;de&nbsp;Produção</a></div>
    <div Id="menuItem8_3" class="menuItem"><a href="#" onclick="MM_openBrWindow('apuramentocev.html','ApuraCEVMC','width=500,height=339')">C.E.V.M.C.</a></div>
    </div>
    </div><!-- End of Menu -->
    </body>
    </html>


    o ficheiro CSS: (CascadeMenu.css)

    .menuBar
    {
    POSITION: relative;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
    }
    .Bar
    {
    FLOAT: left;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    POSITION: relative;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center;
    border: 1px outset #CCCCCC;
    }
    .menu
    {
    VISIBILITY: hidden;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    POSITION: absolute;
    BACKGROUND-COLOR: #003366;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    .menuItem
    {
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: 2px solid #FFFFFF}
    .ItemMouseOver
    {
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #003366}
    .ItemMouseOut
    {
    WIDTH: 100%
    }
    .Arrow
    {
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
    }
    .barOver
    {
    BORDER-RIGHT: blue 1px ridge;
    BORDER-TOP: blue 1px ridge;
    FLOAT: left;
    BORDER-LEFT: blue 1px ridge;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
    }



    ficheiro javascript: (CascadeMenu.js)



    function InitMenu()
    {
    var bar = menuBar.children
    for(var i=0;i < bar.length;i++)
    {
    var menu=eval(bar.menu)
    menu.style.visibility = "hidden"
    bar.onmouseover = new Function("ShowMenu("+bar.id+")")
    var Items = menu.children
    for(var j=0; j<Items.length; j++)
    {
    var menuItem = eval(Items[j].id)

    if(menuItem.menu != null)
    {
    menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
    //var tmp = eval(menuItem.id+"_Arrow")
    // tmp.style.pixelLeft = menu.getBoundingClientRect().Right //- tmp.offsetWidth - 15
    FindSubMenu(menuItem.menu)}

    if(menuItem.cmd != null)
    {
    menuItem.onclick = new Function("Do("+menuItem.id+")") }

    menuItem.onmouseover = new Function("highlight("+Items[j].id+")")

    }

    }
    }
    function FindSubMenu(subMenu)
    {
    var menu=eval(subMenu)
    var Items = menu.children
    for(var j=0; j<Items.length; j++)
    {
    menu.style.visibility = "hidden"
    var menuItem = eval(Items[j].id)


    if(menuItem.menu!= null)
    {
    menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
    // var tmp = eval(menuItem.id+"_Arrow")
    //tmp.style.pixelLeft = 35 //menuItem.getBoundingClientRect().right - tmp.offsetWidth - 15
    FindSubMenu(menuItem.menu)
    }
    if(menuItem.cmd != null)
    {
    menuItem.onclick = new Function("Do("+menuItem.id+")") }

    menuItem.onmouseover = new Function("highlight("+Items[j].id+")")

    }
    }
    function ShowMenu(obj)
    {
    HideMenu(menuBar)
    var menu = eval(obj.menu)
    var bar = eval(obj.id)
    bar.className="barOver"
    menu.style.visibility = "visible"
    menu.style.pixelTop = obj.getBoundingClientRect().top + obj.offsetHeight + Bdy.scrollTop
    menu.style.pixelLeft = obj.getBoundingClientRect().left + Bdy.scrollLeft
    }

    function highlight(obj)
    {
    var PElement = eval(obj.parentElement.id)
    if(PElement.hasChildNodes() == true)
    { var Elements = PElement.children
    for(var i=0;i<Elements.length;i++)
    {
    TE = eval(Elements.id)
    TE.className = "menuItem"
    }
    }
    obj.className="ItemMouseOver"
    window.defaultStatus = obj.title
    ShowSubMenu(obj)
    }

    function Do(obj)
    {
    var cmd = eval(obj).cmd
    window.navigate(cmd)

    }

    function HideMenu(obj)
    {
    if(obj.hasChildNodes()==true)
    {
    var child = obj.children

    for(var j =0;j<child.length;j++)
    {
    if (child[j].className=="barOver")
    {var bar = eval(child[j].id)
    bar.className="Bar"}

    if(child[j].menu != null)
    {
    var childMenu = eval(child[j].menu)
    if(childMenu.hasChildNodes()==true)
    HideMenu(childMenu)

    childMenu.style.visibility = "hidden"
    }
    }

    }
    }
    function ShowSubMenu(obj)
    {
    PMenu = eval(obj.parentElement.id)
    HideMenu(PMenu)
    if(obj.menu != null)
    {
    var menu = eval(obj.menu)
    menu.style.visibility = "visible"
    menu.style.pixelTop = obj.getBoundingClientRect().top + Bdy.scrollTop
    menu.style.pixelLeft = obj.getBoundingClientRect().right + Bdy.scrollLeft
    if(menu.getBoundingClientRect().right > window.screen.availWidth )
    menu.style.pixelLeft = obj.getBoundingClientRect().left - menu.offsetWidth
    }
    }


    ///////////////////CascadedDropdown Menu/////////////////
    //Date : 08/09/2001 //
    //Version : 1.0 //
    //Author Mr.Arun N Kumar //
    //EMail: [email protected] //
    /////////////////////////////////////////////////////////
    // Modifications on this code is not recomended
    // Suggestions are welcome
    --------------------------------------------------------------------------



    Obrigado
     
  2. SoundSurfer

    SoundSurfer Power Member

    " Date : 08/09/2001 "

    Experimenta arranjar um menu javascript mais recente.
    Já existem alguns tópicos sobre isso aqui na área de web development...
     
  3. Merci!! :)
    Achas portanto. que este js já é algo aontiquado e por isso pode então causar os tais conflitos?!?

    Hummm.. ok!

    Bigado pla dica! vou ver se encontro algo!
     
  4. SoundSurfer

    SoundSurfer Power Member

  5. Darkangel_13

    Darkangel_13 Power Member

    Concordo , mas so uma coisa eu trabalho com joomla e pra mim e ao contrario e preferivel eu trablhar com o mozilla firefox do com o IE
     
  6. fiz uma pesquisa aki, e descobri umas respostas me levavam ao mesmo script que utilizei!!

    agora este novo link k deste, agradeço, vou tentar descobrir o k anda pa la e se consigo adaptar!!

    bigado :)
     
  7. "Concordo , mas so uma coisa eu trabalho com joomla e pra mim e ao contrario e preferivel eu trablhar com o mozilla firefox do com o IE"


    Entendo, e também prefiro, por isso msm é k preciso se arrnajar solução p este problema!!!
     
  8. Darkangel_13

    Darkangel_13 Power Member

    ja agora tas a trabalhar em dreamweaver?
     
  9. yap! dreamweaver 8. (e MX na escola)
     

Partilhar esta Página