[Resolvido] probemas firefox

guih_oliveira10 · Fevereiro 23, 2010

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">
<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>

uso o wamp server...

no explorer funfa di boa, no firefox nao aparece nada.

o que pode ser?

William Bruno · Fevereiro 23, 2010

<script type="text/javascript">

function teste(){

document.getElementById('caixa').value="Erro!!!";

document.getElementById('a').style.display='block';

}

function retir(){

alert('Obrigado por preencher o campo!!!');

document.getElementById('a').style.display='none';

}

</script>

guih_oliveira10 · Fevereiro 23, 2010

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">
<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;
}
a:hover{
	text-decoration:none;
	color:#600;
}
a:visited{
	text-decoration:none;
	color:#FFF;
}
a:active{
	text-decoration:none;
	color:#600;
}
a:link{
	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;
}
#rodape{}
#rod_t{}
#links{}
#logo{}
#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%;
}
.area{}
.titulo_area{}
.cont_area{}
.rodp_area{}
.direita{
	width:220px;
	height:500px;
	margin:0px 0px 1% 0px;
	float:left;
}
img.icon_p{
	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

William Bruno · Fevereiro 23, 2010

Tem formas mais simples de fazer isso, pesquise por Menu Dropdown CSS

guih_oliveira10 · Fevereiro 23, 2010

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:

Aki

http://www.gruposfs.com.br/

guih_oliveira10 · Fevereiro 23, 2010

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">
<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

Entrar

Arquivado

[Resolvido] probemas firefox

Recommended Posts

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante