Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Veanet

Não funciona no firefox !

Por , em Javascript

Recommended Posts

Bruno Veanet    0

Bruno Veanet
Postado

Galera

 

Tenho esse codigo

<!--

var time = 500;
var countLayer, nameMenu, posX, posY;
var itemMnu, qtItemMnu;

// Esta matriz está relacionada com os layers do menu da página
qtItemMnu = 6
itemMnu=new Array(7)
itemMnu[0]="menu1" 
itemMnu[1]="menu1sb1"
itemMnu[2]="menu2" 
itemMnu[3]="menu3"
itemMnu[4]="menu4" 
itemMnu[5]="menu5" 

// Os objetos "layer" podem ser recuperados automaticamente. Não precisaria desta matriz.

if (document.all)    {var ns=0, ie=1, lyShow='visible', lyHide='hidden';}
if (document.layers) {var ns=1, ie=0, lyShow='show', lyHide='hide';}

if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = posMouse;

function posMouse(e) {
	posX = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	posY = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}

function isLayer(objLayer)
{
	var hzStart, vtStart, hzEnd, vtEnd, mnu;
	if (ie) {
		// Verifica se o cursor está sobre o layer
		hzStart = eval("document.all['" + objLayer + "'].style.posLeft"); // lado esquerdo do layer - valor "x"		
		vtStart = eval("document.all['" + objLayer + "'].style.posTop"); // lado superior do layer - valor "y"
		hzEnd = eval("document.all['" + objLayer + "'].offsetWidth") + hzStart;
		vtEnd = eval("document.all['" + objLayer + "'].offsetHeight") + vtStart; 				
		if ((posX < hzStart) || (posX > hzEnd)) {
			// O cursor já está fora da coordenada "X" - retorna false
			return false;
		} else {
			if ((posY < vtStart) || (posY > vtEnd)) {
				// O cursor está fora da coordenada "Y" - retorna false
				return false;
			} else {
				return true;
			}
		}
	}
	if (ns) {
		// Verifica se o cursor está sobre o layer
		hzStart = eval("document.layers['" + objLayer + "'].left"); // lado esquerdo do layer - valor "x"		
		vtStart = eval("document.layers['" + objLayer + "'].top"); // lado superior do layer - valor "y"
		hzEnd = eval("document.layers['" + objLayer + "'].clip.height") + hzStart + 65;
		vtEnd = eval("document.layers['" + objLayer + "'].clip.width") + vtStart; 
		if ((posX < hzStart) || (posX > hzEnd)) {
			// O cursor já está fora da coordenada "X" - retorna false
			return false;
		} else {
			if ((posY < vtStart) || (posY > vtEnd)) {
				// O cursor está fora da coordenada "Y" - retorna false
				return false;
			} else {
				return true;
			}
		}
	}
}

function openMenu(objLayer)
{
	hideOtherlayer(objLayer);
 	if (ie) eval("document.all['" + objLayer + "'].style.visibility = '" + lyShow + "'");
	if (ns) eval("document.layers['" + objLayer + "'].visibility = '" + lyShow + "'");
	if (countLayer != null) {
		clearTimeout(countLayer);
		countLayer = null;
	}
}

function closeMenu(nameLayer)
{
	nameMenu = nameLayer
	countLayer = setTimeout("countTime()",time);
}

function countTime()
{
	var strMnu, strMnuParent;
	strMnu = nameMenu;
	if (isLayer(strMnu)) {
		countLayer = setTimeout("countTime()",time);
	} else {
		if (isSub(strMnu)) {
			strMnuParent = viewMnuParent(strMnu);
			if (isLayer(strMnuParent)) {		
				hideLayer(strMnu);
				countLayer = setTimeout("countTime()",time);
			} else {
				hideLayer(strMnu);				
				hideLayer(strMnuParent);				
				if (countLayer != null) {
					clearTimeout(countLayer);
					countLayer = null;
				}
			}
		} else {
			hideLayer(strMnu);				
			if (countLayer != null) {
				clearTimeout(countLayer);
				countLayer = null;
			}
		}
	}
}

function isSub(strMnu)
{
	if (strMnu.indexOf('sb') > 0) return true
	else return false;
}

function viewMnuParent(strMnu)
{
	if (strMnu.length > 0) {
		var nameMenu;
		nameMenu = strMnu.substring(0,strMnu.indexOf('sb'));
		return nameMenu;
	}	
}

function hideLayer(objLayer) 
{
 	if (ie) eval("document.all['" + objLayer + "'].style.visibility = '" + lyHide + "'");
	if (ns) eval("document.layers['" + objLayer + "'].visibility = '" + lyHide + "'");
}

function hideOtherlayer(strMnu)
{
	var i, objLayer, jumpLayer = 1;
	for (i = 0; i < (qtItemMnu); i++) {
		objLayer = itemMnu[i];
		if (isSub(strMnu) && objLayer == viewMnuParent(strMnu)) jumpLayer = 0
		else jumpLayer = 1;
	 	if (ie && jumpLayer) eval("document.all['" + objLayer + "'].style.visibility = '" + lyHide + "'");
		if (ns && jumpLayer) eval("document.layers['" + objLayer + "'].visibility = '" + lyHide + "'");
	}
}

//-->
No html jogo isso
<div id="menu1" style="HEIGHT:29px; LEFT:270px; POSITION: absolute; TOP:85px; WIDTH:612px; Z-INDEX:2; visibility: hidden" class="itemMenu"> 
  <table width="377" border="0" cellpadding="5" cellspacing="1" bordercolor="#C7DED3" bgcolor="#FFFFFF">
    <tr>
      <td width="149" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">  <font color="#00CC66"> <a href="produtos_patrimoniais.html" target="_parent"><font color="#ffffff">Seguros Patrimoniais</font></a></font></font></span></td>
      <td width="111" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">  <a href="produtos_pessoais.html" target="_parent"><font color="#ffffff">Seguros Pessoais</font></a></font></span></td>
      <td width="83" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="produtos_consorcio.html" target="_parent"><font color="#FFFFFF">Consórcio</font></a></font></span></td>
    </tr>
  </table>
</div>
<div id="menu2" style="HEIGHT:26px; LEFT:364px; POSITION: absolute; TOP:86px; WIDTH:448px; Z-INDEX:2; visibility: hidden"> 
  <table width="433" border="0" cellpadding="5" cellspacing="1" bordercolor="#C7DED3" bgcolor="#FFFFFF">
    <tr>
      <td width="69" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_automovel.html" target="_parent"><font color="#FFFFFF">Automóvel</font></a></font></span></td>
      <td width="72" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_residencial.html" target="_parent"><font color="#FFFFFF">Residencial</font></a></font></span></td>
      <td width="55" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_empresa.html" target="_parent"><font color="#FFFFFF">Empresa</font></a></font></span></td> 
      <td width="128" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="cotacao_previdencia.html" target="_parent"><font color="#FFFFFF">Previdência 
      Privada</font></a></font></span></td>
      <td width="47" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"> <a href="cotacao_vida.html" target="_parent"><font color="#FFFFFF">Vida</font></a></font></span></td>
    </tr>
  </table>
</div>
<div id="menu3" style="HEIGHT:53px; LEFT:67px; POSITION: absolute; TOP:154px; WIDTH:70px; Z-INDEX:2; visibility: hidden"> 
  <table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF">
    <tr> 
      <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="classif_animaisc.htm" target="mainFrame">Animais 
        - Compra</a></font></td>
    </tr>
    <tr> 
      <td height="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="classif_animaisv.htm" target="mainFrame">Animais 
        - Venda</a></font></td>
    </tr>
    <tr> 
      <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_leites.htm" target="mainFrame">Produtos</a></font></td>
    </tr>
    <tr> 
      <td height="5"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_estagios.htm" target="mainFrame">Estágios 
        </a></font></td>
    </tr>
    <tr> 
      <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_tecnicos.htm" target="mainFrame">Técnicos</a></font></td>
    </tr>
    <tr> 
      <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_produtos.htm" target="mainFrame">Diversos</a></font></td>
    </tr>
    <tr> 
      <td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="anuncie.htm" target="mainFrame">Inclua 
        o seu</a></font></td>
    </tr>
  </table>
</div>
<div id="menu4" style="HEIGHT:86px; LEFT:67px; POSITION: absolute; TOP:189px; WIDTH:100px; Z-INDEX:2; visibility: hidden"> 
  <table border="0" height="50" width="90">
    <tr valign="top"> 
      <td height="92"> 
        <table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF">
          <tr> 
            <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="eventos_calendario.htm" target="mainFrame">Associações</a></font></td>
          </tr>
          <tr> 
            <td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_anteriores.htm" target="mainFrame">Criadores</a></font></td>
          </tr>
          <tr> 
            <td height="14"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Empresas</a></font></td>
          </tr>
          <tr> 
            <td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Técnicos</a></font></td>
          </tr>
          <tr> 
            <td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Cadastre 
              seu evento</a></font></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
<div id="menu5" style="HEIGHT:48px; LEFT:67px; POSITION: absolute; TOP:191px; WIDTH:1px; Z-INDEX:2; visibility: hidden"> 
  <table border="0" height="20">
    <tr> 
      <td height="54" valign="top"> 
        <table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF" height="44">
          <tr> 
            <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="cursos.htm" target="mainFrame">Cursos</a></font></td>
          </tr>
          <tr> 
            <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="congressos.htm" target="mainFrame">Congressos</a></font></td>
          </tr>
          <tr> 
            <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_diadecampo.htm" target="mainFrame">Dias 
              de Campo</a></font></td>
          </tr>
          <tr> 
            <td height="4"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="leiloes.htm" target="mainFrame">Leilões</a></font></td>
          </tr>
          <tr> 
            <td height="10"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="exposicoes.htm" target="mainFrame">Exposições</a></font></td>
          </tr>
          <tr> 
            <td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="simposios.htm" target="mainFrame">Simpósios</a></font></td>
          </tr>
          <tr> 
            <td height="10"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_anuncio.htm" target="mainFrame">Inclua 
              o seu</a></font></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
<div id="menu6" style="HEIGHT:73px; LEFT:152px; POSITION: absolute; TOP:21px; WIDTH:1px; Z-INDEX:2; visibility: hidden"> 
  <table border="0" width="50" height="108">
    <tr valign="top"> 
      <td height="5"> 
        <table border="0" height="25" width="120">
          <tr valign="top"> 
            <td height="12"> 
              <table border="0" width="111" cellpadding="0" cellspacing="0" height="20">
                <tr bgcolor="#B2CAE3"> 
                  <td height="2" valign="TOP" align="LEFT" width="6"><font color="#FFFFFF"><a href="javascript:mm_openbrwindow('../flash/sp/espm/presidente.htm','janela','scrollbars=yes,width=750,height=450')" class=itemMenu > 
                    </a></font></td>
                  <td height="2" valign="top" width="94"><font face="Haettenschweiler" size="3" color="#002850"><a href="http://www.scour.com/" target="_blank"></a></font> 
                    <p><font face="Haettenschweiler" size="3" color="#002850"><a href="http://www.lancenet.com.br/" target="_blank"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>http://www.lancenet.com.br</b></font></a></font></p>
                  </td>
                  <td align="RIGHT" valign="TOP" height="2" width="11"> </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
<div id="menu7" style="HEIGHT:87px; LEFT:152px; POSITION: absolute; TOP:21px; WIDTH:1px; Z-INDEX:2; visibility: hidden"> 
  <table border="0" width="50" height="108">
    <tr valign="top"> 
      <td height="18"> 
        <table border="0" height="25" width="120">
          <tr valign="top"> 
            <td height="12"> 
              <table border="0" width="111" cellpadding="0" cellspacing="0" height="20">
                <tr bgcolor="#B2CAE3"> 
                  <td height="2" valign="TOP" align="LEFT" width="6"><font color="#FFFFFF"><a href="javascript:mm_openbrwindow('../flash/sp/espm/presidente.htm','janela','scrollbars=yes,width=750,height=450')" class=itemMenu > 
                    </a></font></td>
                  <td height="2" valign="top" width="94"><font face="Haettenschweiler" size="3" color="#002850"><a href="http://www.scour.com/" target="_blank"></a></font> 
                    <p><font face="Haettenschweiler" size="3" color="#002850"><a href="http://www.primusweb.com/fitnesspartner"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b>http://www.primusweb.com/fitnesspartner</b></font></a></font></p>
                  </td>
                  <td align="RIGHT" valign="TOP" height="2" width="11"> </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
<div id="menu1sb1" style="HEIGHT:1px; LEFT:35px; POSITION: absolute; TOP:440px; WIDTH:10px; Z-INDEX:2"> 
</div>

E no menu chamo assim

 <td rowspan="2"><a href="#"
				onmouseover="openMenu('menu1');changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"
				onmouseout="closeMenu('menu1');changeImages('menu_11', 'images/menu_11.jpg'); return true;"
				onmousedown="changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"
				onmouseup="changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"> <img name="menu_11" src="images/menu_11.jpg" width="80" height="19" border="0" alt=""></a></td>
      <td rowspan="2"><img src="images/menu_12.jpg" width="19" height="19" alt=""></td>

No I.E. funciona perfeitamente, porem no firefox não funciona..poreriam me ajudar????

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito