javascript nao funciona no FireFox

leooizepi · Maio 5, 2008

ae galera.. to com problema no meu javascript no firefox. no IE funciona certinho!!!

arquivo: links.php

<?session_start();
	if ( !isset ($_SESSION["admin_logado"] ) ) {
		header("Location: ../login/login.php");
	}
?>
<!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>Gerenciador de Conteúdo EPwm.com</title>

<script language="javascript" type="text/javascript" src="ajax_links.js"></script>

<link rel="stylesheet" href="../../estilos.css" />

</head>

<body onLoad="java script: fechar();">

<div id="head">

  <ul id="main-top">
	<li><a href="../informacoes/">Minhas Informações</a></li>
	<li class="corner"><a href="../funcoes/destroi.php">Sair</a></li>
  </ul>
	
	<h1>CarSat</h1>
	<h2>Gerenciador de Conteúdo EPwm.com</h2>

	<ul id="main"><li><a href="../institucional/">Institucional</a></li><li><a href="../produtos/">Produtos</a></li><li><a href="../servicos/">Serviços</a></li><li><a href="#">Parceiros</a></li><li><a href="../classificados/">Classificados</a></li><li><a href="../downloads/">Downloads</a></li><li><a class="ativo">Links</a></li><li><a href="../noticias/">Notícias</a></li><li><a href="#">Atendimento</a></li></ul>

</div><!-- /head -->


<div id="side">

  <img src="../../images/logo.jpg" width="190" height="115" />

</div>
<!-- /side -->


<div id="center"> 

	<ul id="sub-main">
			<li><a href="lista_links.php">Listar</a></li>
			<li><a class="ativo">Cadastrar</a></li>
	</ul>

	 <!-- Form escondido ate q click em Cadastrar categoria-->
	<form name="form_nova_categoria">
			<div id="content">
			  <label>Nova Categoria:
			    [<a href="#" onClick="java script: fechar();"><label>Fechar</a>]</label>
			  <br />
			  <input type="text" name="nova_categoria" id="nova_categoria" />
			  <br />
			  <br />
			  <input type="button" name="button3" onClick="if(validaForm_nova_categoria()){ loadXMLDoc('../categorias/cad_categorias.php') }" id="button3" value="Cadastrar" class="botao" />
			</div>
	</form>


	<div id="content">
		  <label>Categoria:</label>
		  <br />
		  <select name="select" id="select">
			<option value=""></option>
			<?include("../categorias/select_categoria.php");?>
		  </select>	
		    [<a href="#" onClick="java script: abrir();"><label>Cadastrar Categoria</a>]</label>
		  <br /><br />
		  
		  <label>Título:</label>
		  <br />
		  <input type="text" name="titulo" id="titulo" />
		  <br /><br />
		  
		  <label>URL:</label>
		  <br />
		  <input type="text" name="url" id="url" />
		  <br />
		  <br />
		  <input type="button" name="button3" onClick="if(validaForm()){ loadXMLDoc('cad_links.php') }" id="button3" value="Cadastrar" class="botao" />
			</div>
		  <!-- /content -->		
	</form>

</div><!-- /center -->


<div id="footer">Gerenciador de Conteúdo <a href="http://www.epwm.com" target="_blank">EPwm.com</a> - Todos os direitos reservados.</div>
<!-- /footer -->


</body>
</html>

e tenho meu arquivo js

arquivo: ajax_links.js (to colcando soh a parte q to com duvida!!)

// Função que fecha o form ao clicar no link fechar
function fechar(){
document.getElementById('form_nova_categoria').style.display = 'none';
}
// Função que abre o form ao clicar no link Cadastrar
function abrir(){
document.getElementById('form_nova_categoria').style.display = 'block';
document.form_nova_categoria.nova_categoria.focus();
}

function validaForm_nova_categoria(){
	if(document.getElementById('nova_categoria').value == ""){
			alert("O campo Nova Categoria deve ser preenchido!");
			document.getElementById('nova_categoria').focus();
			return false;
	}
	return true; 
}

meu problema ta no Onload do links.php e nas funcoes abrir() e fechar()

andreia_sp · Maio 5, 2008

Entao mas que erro q aparece??

um bom debugg pro firefox q eu uso e indico é o Firebug

leooizepi · Maio 5, 2008

nao aparece erro!!

tipo.. no Onload tenho q desabilitar o form.. no ie fica desabilitado.. e no FireFox nao!!

leooizepi · Maio 5, 2008

usei o firebug e esta dando o seguinte erro

document.getElementById("form_nova_categoria") has no properties

http://localhost/CARSAT/admin/links/ajax_links.js

Line 3

klaygomes · Maio 5, 2008

leooizepi,

O problema esta na declaração de seu formulário, experimente incluir o atributo ID com o mesmo nome do form que irá funcionar:

Assim:

Ao invés de :

Ser:

Uma outra solução seria, ao invés de chamar o metodo document.getElementById na função Fechar, você chamasse document.getElementByName

Altera ai e faz um teste,

Abraços,

leooizepi · Maio 5, 2008

arrumei aki galera.. mudei um poco o codigo!! colokei um <div id= teste> e mudei no arquivo js..

mais ta acontecendo outro erro..

quando eu clico no botao Cadastrar Categoria.. ele vai abri a funcao.. e abrir o input.. beleza..

soh q quando eu nao digito nada no campo e vo cadastra.. minha funcao de validação retorna o erro. q eh ""O campo Nova Categoria deve ser preenchido!".. quando do OK nessa mensagem esse meu input fecha... qria q ficasse aberto.. e ae???????

leooizepi · Maio 5, 2008

klaygomes...

fiz o q você falou... agora deu o seguinte erro!!

document.getElementByName is not a function

http://localhost/CARSAT/admin/links/ajax_links.js

Line 3

a funcao nao eh:

document.getElementByName ... e sim

document.getElementsByName

agora volto akele antigo erro..

document.getElementsByName("form_nova_categoria").style has no properties

http://localhost/CARSAT/admin/links/ajax_links.js

Line 3

klaygomes · Maio 5, 2008

Desculpa o nome da função é: document.getElementsByName (faltou a letra s em elements)

- Considerações:

1 - document.getElementsByName retorna um array de elementos, então pode ser que ele tenha obtido mais de um objeto com o nome que você informou.

*Invés de document.getElementsByName("form_nova_categoria").style use document.getElementsByName("form_nova_categoria")[0].style.

2 - Talvez seu HTML esteja mal formatado e a Tag formulário não esteja sendo "reconhecida" pelo seu navegador.

Faça um teste simples, na página onde esta o formulário, digite na barra de enderecos do navegador:

java script:alert(document.getElementsByName('form_nova_categoria')[0])

veja se ele retorna undefined ou object (no firefox vai retornar um formElement provavelmente),

Se retornar undefined, o firefox não esta entendendo seu form, se retornar object(ou formElements), sinceramente não sei o que esta acontecendo.

[editado]

leooizepi · Maio 5, 2008

isso eu arrumei.. volto com esse erro agora:

document.getElementsByName("form_nova_categoria").style has no properties

http://localhost/CARSAT/admin/links/ajax_links.js

Line 3

klaygomes · Maio 5, 2008

Eu edirei meu post superior, uma das alterações cita:

altere document.getElementsByName("form_nova_categoria").style por document.getElementsByName("form_nova_categoria")[0].style

leooizepi · Maio 5, 2008

apareceu o seguinte..

[objetcHTMLFormElement]

o q isso qr dizer?

valeu..

ah.. funciono em partes...

essa pagina.. inicia-se com esse FORM fechado... o resto tem q ficar normal..

mais ta acontecendo o seguinte.. o FORM ta fechado.. soh q o resto nao aparece.. fecho tudo..

e nao da nenhum erro no debug!!!

e agora?

leooizepi · Maio 5, 2008

funciono metade do q eu qro..

pq agora no Onload... ele ta fechando tudo.. ate meus outros Input...

pq sera?

klaygomes · Maio 6, 2008

Agora o problema fica quanto ao seu HTML que esta mal formatado, procura o item:

<div id="content">
		  <label>Categoria:</label>

E altera para :

<div id="content">
	 <form>
		  <label>Categoria:</label>

Talvez isso resolva seu problema.

Arquivado

javascript nao funciona no FireFox

Recommended Posts

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

andreia_sp 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

klaygomes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

klaygomes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

klaygomes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

leooizepi 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

klaygomes 0

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

Fóruns

Tempo Real

Informação importante