Ir para conteúdo

POWERED BY:

Arquivado

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

leandro_moh

[Resolvido] Problema na chamada de função javascript com Onclick

Por , em Javascript

Recommended Posts

leandro_moh    0

leandro_moh
Postado

olá, sou novo aqui no ImastersForuns, ainda estou aprendendo a mecher.

peço desculpas se postei isso no lugar errado...

 

o problema é o sequinte. estou com 2 funções em um arquivo, uma para habilitar os campos e a outra para desabilitar, porém ele não executa as minhas funções do javascript que estão no onclick de um botão. códigos abaixo.

 

 

 

 

=== pagina com os botões ====

<script type="text/javascript" language="javascript" src="js/habilitar_desabilitar_campos.js"></script> // o src está certo.

<button onclick="habilitar_campos();" name="habilitar"   id="habilitar" >Habilitar</button>
<button onclick="desabilitar_campos();" name="desabilitar" id="desabilitar" >Desabilitar</button>

 

 

===== arquivo "habilitar_desabilitar_campos.js" ====

function habilitar_campos(){

	input = document.getElementsByTagName("input");
	textarea = document.getElementsByTagName("textarea");
	var i=0;
	for(i in input) {
	input[i].disabled=false;
	}
	i=0;
	for(i in textarea) {
	textarea[i].disabled=false;
	}

function desabilitar_campos(){

	input = document.getElementsByTagName("input");
	textarea = document.getElementsByTagName("textarea");
	var i=0;
	for(i in input) {
	input[i].disabled=true;
	}
	i=0;
	for(i in textarea) {
	textarea[i].disabled=true;
	}

}

 

=====================================

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

veja o motivo de não estar executando, no console de erros do Firefox:

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

leandro_moh    0

leandro_moh
Postado

olá William, vi o seu artigo e encontrei um erro no meu código, porém a pareceu outro que não consegui achar no artigo.

fiz uma modificação no contigo mas o erro continua...

 

<html>
<head>
<script type="text/javascript">
function x(y){

	var input = document.getElementsByTagName("input");
	var textarea = document.getElementsByTagName("textarea");

var i;		

if (y==1)
{
	for(i=0;i<=input.length;i++)
 		{
	input[i].disabled=false;
	}

	for(i=0;i<=textarea.length;i++)
 		{
	textareat[i].disabled=false;
	}
}
if (y==2)
{
	for(i=0;i<=input.length;i++)
 		{
	input[i].disabled=true;
	}

	for(i=0;i<=textarea.length;i++)
 		{
	textareat[i].disabled=true;
	}
}
}
</script>
</head>


<body>
       <form>

		<button onclick="x(1)"    /> Habilitar </button>
		<button onclick="x(2)"  />Desabilitar</button>
		<br><br>	
		Nome: <input type="text" name="nome" />
		Local: <input type="text" name="local" />
		<br>
		Nome: <input type="text" name="nome2" />
		Local: <input type="text" name="local2" />


       </form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Veja:

 

<html>
<head>
<script type="text/javascript">
function toogle_disabled( bool )
{
var input = document.getElementsByTagName('input');
var textarea = document.getElementsByTagName('textarea');

for( var i=0; i<=(input.length-1); i++ )
{
	if( input[i].type!='button' ) 
		input[i].disabled = bool;
}
for( var i=0; i<=(textarea.length-1); i++ )
{
	textareat[i].disabled = bool;
}
}
</script>
</head>
<body>
<form>
	<input type="button" onclick="toogle_disabled( false )" value="Habilitar" />
	<input type="button" onclick="toogle_disabled( true )" value="Desabilitar" />

	<br /><br />        
	Nome: <input type="text" name="nome" />
	Local: <input type="text" name="local" />
	<br>
	Nome: <input type="text" name="nome2" />
	Local: <input type="text" name="local2" />

</form>
</body>
</html>

 

:lol:

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