Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
gente estou criando um site mas meu javascript nao ta funcionando no firefox, so no internet explorer, e o javascript do firefox ta habilitado.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" language="javascript">
function teste(){
form1.caixa.value="Erro!!!";
a.style.display="block";
}
function retir(){
alert("Obrigado por preencher o campo!!!");
a.style.display="none";
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="caixa" id="caixa" value="" onchange="retir()" onclick="teste()"/>
<div id="a" style="display:none;">É obrigatório o preenchimento desta área</div>
</form>
</body>
</html>no explorer funfa di boa, no firefox nao aparece nada.
o que pode ser?
beleza esse ai ta resolvido, funfo bem nos 2 agora...
mas agora to com outro script que nao ta funfando em nenhum dos dois..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Escola Municipal "Norma Borges Beluco" - Inicio</title>
<link rel="stylesheet" type="text/css" href="css/visual.css"/>
<script type="text/javascript" language="javascript">
function menuinse_1(){
opcaoc_1.style.display="block";
opcaof_1.style.display="none";
}
function menuinse_2(){
opcaoc_2.style.display="block";
opcaof_2.style.display="none";
}
function menuinse_3(){
opcaoc_3.style.display="block";
opcaof_3.style.display="none";
}
function menuinse_4(){
opcaoc_4.style.display="block";
opcaof_4.style.display="none";
}
function menuinse_5(){
opcaoc_5.style.display="block";
opcaof_5.style.display="none";
}
function menuret_1(){
opcaoc_1.style.display="none";
opcaof_1.style.display="block";
}
function menuret_2(){
opcaoc_2.style.display="none";
opcaof_2.style.display="block";
}
function menuret_3(){
opcaoc_3.style.display="none";
opcaof_3.style.display="block";
}
function menuret_4(){
opcaoc_4.style.display="none";
opcaof_4.style.display="block";
}
function menuret_5(){
opcaoc_5.style.display="none";
opcaof_5.style.display="block";
}
function retir_value(){
busca.palavra.value="";
}
function retur_value(){
busca.palavra.value="Pesquise aqui...";
</script>
</head>
<body>
<div id="tudo">
<div id="cabecalho">
<div id="cabecalho_encima" align="right">
<img src="imagens/aumentar_c.png"/>
<img src="imagens/aumentar_b.png"/>
<img src="imagens/aumentar_a.png"/>
</div>
<div id="cabecalho_centro">
<div class="box_login">Area de login</div>
<div class="box_login_e"></div>
<div class="box_login_d"></div>
</div>
</div>
<div id="laterais">
<div id="e"></div>
<div id="d"></div>
</div>
<div id="corpo">
<div class="fundo_menu">
<div id="opcaof_1"><a href="javascript:;" onmouseover="menuinse_1()" onmouseout="menuret_1()">Teste</a></div>
<div id="opcaoc_1"><strong>Inicio</strong></div>
<div id="opcaof_2"><a href="javascript:;" onmouseover="menuinse_2()" onmouseout="menuret_2()">Teste</a></div>
<div id="opcaoc_2"><a href="javascript:;" onmouseout="menuret_2()">Test</a></div>
<div id="opcaof_3"><a href="javascript:;" onmouseover="menuinse_3()" onmouseout="menuret_3()">Teste</a></div>
<div id="opcaoc_3"><a href="javascript:;" onmouseout="menuret_3()">Teste</a></div>
<div id="opcaof_4"><a href="javascript:;" onmouseover="menuinse_4()" onmouseout="menuret_4()">Teste</a></div>
<div id="opcaoc_4"><a href="javascript:;" onmouseout="menuret_4()">Teste</a></div>
<div id="opcaof_5"><a href="javascript:;" onmouseover="menuinse_5()" onmouseout="menuret_5()">Teste</a></div>
<div id="opcaoc_5"><a href="javascript:;" onmouseout="menuret_5()">Teste</a></div>
<div class="pesquisar">
<form action="buscar.php" method="get" name="busca">
<input name="palavra" type="text" value="Pesquise aqui..." id="caixa_busca" alt="Pesquise aqui..." onclick="retir_value()" onmouseout="retur_value()"/>
<img src="imagens/icon_p.png" class="icon_p" />
</form>
</div>
</div>
<div class="esquerda">
<div class="box">
<div class="titulo_box"><strong>Menu</strong></div>
<div class="cont_box">Inicio</div>
<div class="cont_box">Fotos</div>
<div class="cont_box">Vídeos</div>
<div class="cont_box">Horários</div>
<div class="cont_box">Professor</div>
<div class="cont_box">Pais</div>
<div class="cont_box">Fale conosco</div>
<div class="cont_box">Contato</div>
<div class="cont_box">Duvidas</div>
</div>
<div class="box">
<div class="titulo_box">Box 2</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 3</div>
<div class="cont_box">Conteúdo</div>
</div>
</div>
<div class="conteudo">Conteudo
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
</div>
<div class="direita">
<div class="box">
<div class="titulo_box">Box 1</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 2</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 3</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 4</div>
<div class="cont_box">Conteúdo</div>
</div>
</div>
</div>
<div id="rodape">
<div id="rod_t">
<div id="links"></div>
<div id="logo"></div>
</div>
</div>
</div>
</body>
</html>/ Documento CSS - Norma Borges Beluco - Direitos reservados (Criado por: Guilherme de Oliveira)(guilhermeoliveyra@hotmail.com) /
body{
padding:0;
margin:0;
} text-decoration:none;
color:#600;
} text-decoration:none;
color:#FFF;
} text-decoration:none;
color:#600;
} text-decoration:none;
color:#FFF;
}
#tudo{
width:100%;
height:auto;
padding:0;
margin:0;
}
#cabecalho{
background:url(../imagens/fundo_cabecalho.png) repeat-x center;
width:100%;
height:140px;
z-index:1;
}
#cabecalho_encima{
padding:2% 5% 2% 0%;
}
#cabecalho_centro{
padding:2% 2% 2% 2%;
}
#corpo{
width:95%;
border:#FFF 2px solid;
z-index:2;
position:absolute;
left: 21px;
top: 125px;
padding:0;
margin:0;
display:table;
}#e{
background:url(../imagens/fundo_e.png) no-repeat top left;
height:500px;
width:5%;
z-index:2;
position:absolute;
top:0px;
left:-4px;
}
#d{
background:url(../imagens/fundo_d.png) no-repeat top right;
height:500px;
width:5%;
z-index:2;
position:absolute;
top: 1px;
left:95%;
}
#laterais{
z-index:1;
display:table;
width:100%;
padding:0;
margin:0;
}
#opcaof_1{
z-index:10;
display:none;
position:absolute;
left: 35px;
top: 131px;
height:25px;
width:60px;
text-align:center;
color:#FFF;
}
#opcaoc_1{
z-index:11;
position:absolute;
background:#FFF;
left: 35px;
top: 117px;
height:25px;
width:60px;
border:#999 solid 1px;
border-bottom:none;
text-align:center;
padding:14px 0 0 0;
}
#opcaof_2{
z-index:10;
position:absolute;
left: 95px;
top: 131px;
height:25px;
width:60px;
text-align:center;
color:#FFF;
}
#opcaoc_2{
z-index:11;
display:none;
position:absolute;
background:#FFF;
left: 191px;
top: 117px;
height:25px;
width:60px;
border:#999 solid 1px;
border-bottom:none;
text-align:center;
padding:14px 0 0 0;
}
#opcaof_3{
z-index:10;
position:absolute;
left: 165px;
top: 131px;
height:25px;
width:60px;
text-align:center;
color:#FFF;
}
#opcaoc_3{
z-index:11;
display:none;
position:absolute;
background:#FFF;
left: 269px;
top: 117px;
height:25px;
width:60px;
border:#999 solid 1px;
border-bottom:none;
text-align:center;
padding:14px 0 0 0;;
}
#opcaof_4{
z-index:10;
position:absolute;
left: 236px;
top: 131px;
height:25px;
width:60px;
text-align:center;
color:#FFF;
}
#opcaoc_4{
z-index:11;
display:none;
position:absolute;
background:#FFF;
left: 347px;
top: 117px;
height:25px;
width:60px;
border:#999 solid 1px;
border-bottom:none;
text-align:center;
padding:14px 0 0 0;
}
#opcaof_5{
z-index:10;
position:absolute;
left: 306px;
top: 131px;
height:25px;
width:60px;
text-align:center;
color:#FFF
}
#opcaoc_5{
z-index:11;
display:none;
position:absolute;
background:#FFF;
left: 425px;
top: 117px;
height:25px;
width:60px;
border:#999 solid 1px;
border-bottom:none;
text-align:center;
padding:14px 0 0 0;
}
#caixa_busca{
border:none;
padding:0px 0px 0px 20px;
background:url(../imagens/pesquisar_fundo.png) no-repeat top left;
width:100px;
height:17px;
}
.box_login{
background:url(../imagens/fundo_login.png) repeat-x;
z-index:2;
position:absolute;
left: 740px;
top: 43px;
width: 212px;
height: 70px;
padding:1% 1% 1% 1%;
}
.box_login_e{
background:url(../imagens/box_login_e.png) no-repeat;
z-index:2;
position:absolute;
left: 730px;
top: 43px;
width: 10px;
height: 70px;
}
.box_login_d{
background:url(../imagens/box_login_d.png) no-repeat;
z-index:2;
position:absolute;
top: 43px;
width: 10px;
height: 70px;
left: 972px;
}
.fundo_menu{
padding:0;
margin:0;
width:100%;
height:30px;
background:url(../imagens/fundo_menu_m.png) center repeat-x;
}
.pesquisar{
margin:5px 1% 0 0;
padding:0;
float:right;
height:18px;
width:120px;
}
.esquerda{
width:220px;
height:500px;
margin:0px 0px 1% 0px;
float:left;
}
.box{
margin:5%;
width:200px;
}
.titulo_box{
margin:0;
background:url(../imagens/fundo_box.png) no-repeat;
height:22px;
width:185px;
color:#64696E;
font-family:Arial, Helvetica, sans-serif;
padding:3px 0 0 15px;
font-size:11px;
}
.cont_box{
border:#CCC solid 1px;
margin:0;
height:22spx;
width:183px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
padding:3px 0 0 15px;
font-size:11px;
}
.conteudo{
height:500px;
width:497px;
float:left;
margin:1% 1% 1% 1%;
}.direita{
width:220px;
height:500px;
margin:0px 0px 1% 0px;
float:left;
} position:absolute;
left: 853px;
top: 132px;
}clico e nao acontece nada, tanto no firefox, tanto no explorer
o que pode ser?
ja troquei por: document.getElementById CADA UM E CONTINUOU NAO FUNFANDO...
é um menu que quando passo o mouse em cima de uma opção ele abre uma outra opcao encima com um efeito e quando tira o mouse ele volta
Tem formas mais simples de fazer isso, pesquise por Menu Dropdown CSS
beleza vou procurar sobre esse Menu Dropdown CSS..
so que uma duvida permanece, pq o meu script nao funfa?
o menu que to querendo é um parecido com o desse site aki:
beleza gente descobri pq nao tava funfando...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Escola Municipal "Norma Borges Beluco" - Inicio</title>
<link rel="stylesheet" type="text/css" href="css/visual.css"/>
<script type="text/javascript" language="javascript">
function menuinse_1(){
document.getElementById('opcaoc_1').style.display='block';
document.getElementById('opcaof_1').style.display='none';
}
function menuinse_2(){
document.getElementById('opcaoc_2').style.display='block';
document.getElementById('opcaof_2').style.display='none';
}
function menuinse_3(){
document.getElementById('opcaoc_3').style.display='block';
document.getElementById('opcaof_3').style.display='none';
}
function menuinse_4(){
document.getElementById('opcaoc_4').style.display='block';
document.getElementById('opcaof_4').style.display='none';
}
function menuinse_5(){
document.getElementById('opcaoc_5').style.display='block';
document.getElementById('opcaof_5').style.display='none';
}
function menuret_1(){
document.getElementById('opcaoc_1').style.display="none";
document.getElementById('opcaof_1').style.display="block";
}
function menuret_2(){
document.getElementById('opcaoc_2').style.display="none";
document.getElementById('opcaof_2').style.display="block";
}
function menuret_3(){
document.getElementById('opcaoc_3').style.display="none";
document.getElementById('opcaof_3').style.display="block";
}
function menuret_4(){
document.getElementById('opcaoc_4').style.display="none";
document.getElementById('opcaof_4').style.display="block";
}
function menuret_5(){
document.getElementById('opcaoc_5').style.display="none";
document.getElementById('opcaof_5').style.display="block";
}
function retir_value(){
busca.palavra.value="";
}
function retur_value(){
busca.palavra.value="Pesquise aqui...";
}
</script>
</head>
<body>
<div id="tudo">
<div id="cabecalho">
<div id="cabecalho_encima" align="right">
<img src="imagens/aumentar_c.png"/>
<img src="imagens/aumentar_b.png"/>
<img src="imagens/aumentar_a.png"/>
</div>
<div id="cabecalho_centro">
<div class="box_login">Area de login</div>
<div class="box_login_e"></div>
<div class="box_login_d"></div>
</div>
</div>
<div id="laterais">
<div id="e"></div>
<div id="d"></div>
</div>
<div id="corpo">
<div class="fundo_menu">
<div id="opcaof_1"><a href="javascript:;" onmouseover="menuinse_1()" onmouseout="menuret_1()">Teste</a></div>
<div id="opcaoc_1"><strong>Inicio</strong></div>
<div id="opcaof_2"><a href="javascript:;" onmouseover="menuinse_2()" onmouseout="menuret_2()">Teste</a></div>
<div id="opcaoc_2"><a href="fg">Teste</a></div>
<div id="opcaof_3"><a href="fg" onmouseover="menuinse_3()" onmouseout="menuret_3()">Teste</a></div>
<div id="opcaoc_3"><a href="fg">Teste</a></div>
<div id="opcaof_4"><a href="fg" onmouseover="menuinse_4()" onmouseout="menuret_4()">Teste</a></div>
<div id="opcaoc_4"><a href="fg">Teste</a></div>
<div id="opcaof_5"><a href="fg" onmouseover="menuinse_5()" onmouseout="menuret_5()">Teste</a></div>
<div id="opcaoc_5"><a href="fg">Teste</a></div>
<div class="pesquisar">
<form action="buscar.php" method="get" name="busca">
<input name="palavra" type="text" value="Pesquise aqui..." id="caixa_busca" alt="Pesquise aqui..." onclick="retir_value()" onmouseout="retur_value()"/>
<img src="imagens/icon_p.png" class="icon_p" />
</form>
</div>
</div>
<div class="esquerda">
<div class="box">
<div class="titulo_box"><strong>Menu</strong></div>
<div class="cont_box">Inicio</div>
<div class="cont_box">Fotos</div>
<div class="cont_box">Vídeos</div>
<div class="cont_box">Horários</div>
<div class="cont_box">Professor</div>
<div class="cont_box">Pais</div>
<div class="cont_box">Fale conosco</div>
<div class="cont_box">Contato</div>
<div class="cont_box">Duvidas</div>
</div>
<div class="box">
<div class="titulo_box">Box 2</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 3</div>
<div class="cont_box">Conteúdo</div>
</div>
</div>
<div class="conteudo">Conteudo
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
<div class="area">
<div class="titulo_area"></div>
<div class="cont_area"></div>
<div class="rodp_area"></div>
</div>
</div>
<div class="direita">
<div class="box">
<div class="titulo_box">Box 1</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 2</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 3</div>
<div class="cont_box">Conteúdo</div>
</div>
<div class="box">
<div class="titulo_box">Box 4</div>
<div class="cont_box">Conteúdo</div>
</div>
</div>
</div>
<div id="rodape">
<div id="rod_t">
<div id="links"></div>
<div id="logo"></div>
</div>
</div>
</div>
</body>
</html>valeu galera, muito obrigado