[Resolvido] getElementById não funciona no firefox

George Alves · Janeiro 31, 2011

Bom dia amigos

tenho o seguinte script abaixo que funciona no IE normal mas no FF não, no FF da o erro que getElementById is null

function menuAction(){

var vok = 0;  /*  libera a validacao dos campos se estiver ok  segue para a proxima pagina*/

if(document.login001.inputlogin.value==""){
	alert("Código de cliente em branco !");
	document.login001.inputlogin.focus();
	vok = 1;
}
else {
	if(document.login001.inputsenha.value=="") {
	alert("Senha em branco!");
	document.login001.inputsenha.focus();
	vok = 1;
	}
}
if (vok==0){
    {  
                   document.getElementById('login001').action = 'valida_act.htm'   ;
	    document.getElementById('login001').submit();
}
}}

Fico grato pela ajuda!!!

William Bruno · Janeiro 31, 2011

pode ser que não exista o elemento com id="login001" explicitamente declarado.

não use o formato document.formulario.campo

prefira o standard getElementById(), e lembre-se de declarar o atributo no HTML

George Alves · Fevereiro 2, 2011

pode ser que não exista o elemento com id="login001" explicitamente declarado.

não use o formato document.formulario.campo

prefira o standard getElementById(), e lembre-se de declarar o atributo no HTML

Boa Willian

Esse é o erro que da no FF debug

document.getElementById("login002") is null

[Parar neste erro] document.getEl...in002").action = 'valida_act.htm' ;

login001.htm (linha 39

Isso quando colocamos o usuario e a senha,

Se deixar em branco ele da os alertas normalmente, no IE funciona normalmente como teria que declarar o login001.htm para funcionar no FF

desculpa se estou fazendo perguntas bobas é que estou trabalhando com isso agora!!!

E Obrigado desde já!!!

William Bruno · Fevereiro 2, 2011

poste o html do formulário.

George Alves · Fevereiro 2, 2011

poste o html do formulário.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>PROGRAMA DE ANÁLISE DE REBANHO LEITEIRO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/css/ex.css" rel="stylesheet" type="text/css">
<body>
<form name="login001" method="post">
<script language = "JavaScript">
function numero(e) {
if (window.event) //IE
	{
   	 tecla = e.keyCode;
   }
else if (e.which) //FF
{
	tecla = e.which;
  	}
if (tecla != 8 || tecla < 48 || tecla > 57) return ((tecla > 47) && (tecla < 58)) //Aceita de 48 à 57 (números)
   {
   	return true;
  	}
}

function menuAction(){

var vok = 0;  /*  libera a validacao dos campos se estiver ok  segue para a proxima pagina*/

if(document.login001.inputlogin.value==""){
	alert("Código de cliente em branco !");
	document.login001.inputlogin.focus();
	vok = 1;
}
else {
	if(document.login001.inputsenha.value=="") {
	alert("Senha em branco!");
	document.login001.inputsenha.focus();
	vok = 1;
	}
}
if (vok==0){
    {  
           document.getElementById('login001').action = 'valida_act.htm'   ;
	    document.getElementById('login001').submit();
}
}}

</script>
<table border="1" width='80%' height= "80%" cellspacing="0" cellpadding="0" id="table1" bgcolor="#F0FFF0"  >
   <tr>
     <td>
       <img src="/img/banner.jpg">
      </td>  
      <!--
     <td width="795" bgcolor="#000000"> <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="795" height="150">
        <param name="movie" value="/img/banner.jpg">
     <param name="quality" value="High">
        <embed src="file:///T|/banners/banerpaginas.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="795" height="150" quality="High"></embed>
        </object></td>
          -->
   </tr>
   <tr>
     <td align="left" bgcolor="#CCCCCC"> <img border="0" src="imagens/ponto1x1.gif" width="1" height="1"></td>
   </tr>
    <script LANGUAGE = "SpeedScript">
     find first razao no-lock no-error.
    </script>
   <tr>
     <td align="left" bgcolor="#000000"> <font face="Arial" size="1" color="#FFFFFF"> </font><b><font face="Arial" size="2" color="#FFFFFF">
       ` razao.ds-razao `                                                                    
       (41) 2105-1733</font></b></td>
   </tr>
   <!--
   <tr>
     <td align="left" bgcolor="#CCCCCC"> <img border="0" src="imagens/ponto1x1.gif" width="1" height="1"></td>
   </tr>
   <tr>
     <td height="19" bgcolor="#006633"> <div align="center"></div></td>
   </tr>
       <BR>
<BR>-->
<tr>
		<td>
			<table width="30%" border="1"  align="center" cellspacing="0" cellpadding="0" bordercolor="#006633" >
         			<tr>
            			<td colspan="2" align="center" bgcolor="#F0FFF0" >
              				<b><font face="Arial, Helvetica, sans-serif" color="#000000" size="3"   >  Acesso Intranet   </b>
            			</td>
         			</tr>
		  			<br>
		  			<br>
		  			<tr >
 		  				<td align="Right"  bgcolor="#F0FFF0" >
  							<b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"> Código do Criador :  </b>
 		  				</td>
 		  				<td bgcolor="#F0FFF0" >
				             <input type="text" name="inputlogin" id="vlogin"  size="8"  onkeypress="return numero(event)" maxlength="6" >
 		  				</td>
					</tr>
					<br>
					<br>                                

                                       <tr>

         <td height="24" align="Right" bgcolor="#F0FFF0" > <b> <font face="Arial, Helvetica, sans-serif"  size="2"  >
           Senha : </b> </td>
 						<td  bgcolor="#F0FFF0" >
  							<input type="password" bgcolor="#F0FFF0"  name="inputsenha"  id="inputsenha" size="10" maxlength="8"  >
 						</td>
					</tr>
					<br>
					<br>
					<tr>
			  		<td colspan='2' align='Right' bgcolor="#F0FFF0"   >
  							<input type="button" name="btok" id="imputbtok" size="10"   value=" Entrar "  onClick="menuAction();"  >
 						</td>
					</tr>
			</table>
			<BR>
			<BR>
		</td>
	</tr>
              <tr>
	   <td height="35"> <p> </p>
                	<div align="center"><em><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Site
             		de Propriedade da Associação Paranaense dos Criadores
             		de Bovinos da Raça Holandesa,<em>Todos os Direitos Reservados..</em></font></em>
			</div>
	   </td>
               </tr>
     </table>
</td>
 </tr>
</table>
</form>
</body>
</html>

<style>

<!--
h2
{margin-bottom:.0001pt;
text-align:center;
page-break-after:avoid;
font-size:14.0pt;
font-family:"Times New Roman";
font-weight:normal;
font-style:italic;
margin-left:0cm; margin-right:0cm; margin-top:0cm}
h1
{margin-bottom:.0001pt;
text-align:center;
page-break-after:avoid;
tab-stops:21.3pt;
font-size:11.0pt;
font-family:"Times New Roman";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
-->
-->

William Bruno · Fevereiro 2, 2011

veja:

document.getElementById('login001').action

você supõe que o formulario tenha id="login001", porém no teu html não tem id declarado:

<form name="login001" method="post">

entendeu o erro agora?

Além disso, faça oque estou falando desde o primeiro reply, troque:

document.login001.inputsenha

pelo standard:

document.getElementById('...')

já lhe disse como resolver, leia oque eu postei e tente entender.

George Alves · Fevereiro 2, 2011

Cara fiz de tudo aqui pelo que me falou

agora esta me retornando esse erro no ff debug

document.getElementById("login001").submit is not a function
[Parar neste erro] document.getElementById('login001').submit();

William Bruno · Fevereiro 2, 2011

use o Responder Azul
ou a 'Resposta Rápida'.

tire a tag <script> de dentro da tag <form>

coloque ela isolada dentro do <head> do documento.

como ficou teu HTML agora ?

lembre-se que apenas o <form> deve ter o id=login001, para os inputs, use outro identificador.

George Alves · Fevereiro 2, 2011

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<body>
<title>PROGRAMA DE ANÁLISE DE REBANHO LEITEIRO</title>
<div id='login001'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/css/ex.css" rel="stylesheet" type="text/css">
</div>
<form name="login001" method="post">
<script language = "JavaScript">

Se eu tirar o script e colocar no head da erro pois estou trabalhando com Progress.

William Bruno · Fevereiro 2, 2011

você fez errado.

exclua isso:

<div id='login001'>

você deveria ter feito assim:

<form name="login001" method="post" id="login001">

entendeu ?

Oque é o 'Progress'? ainda assim, não deveria interferir nas boas práticas de programação javascript.

Que 'erro dá', se você colocar o script no head ?

dentro da tag form é que não faz sentido, coloque então ao menos antes de iniciar o <form ..

George Alves · Fevereiro 2, 2011

Progress é uma liguagem de programação de banco de dados.

depois que mudei o id deu certo, consegui validar

só que na proxima pagina da o mesmo erro,

vou tentar aqui com essas informações e qualquer coisa

eu grito muito obrigado mesmo.

Arquivado

[Resolvido] getElementById não funciona no firefox

Recommended Posts

George Alves 0

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

George Alves 0

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

George Alves 0

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

George Alves 0

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

George Alves 0

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

George Alves 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante