Ir para conteúdo

POWERED BY:

Arquivado

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

junaooaks

[Resolvido] habilitar form pelo botao

Por , em Javascript

Recommended Posts

junaooaks    3

junaooaks
Postado

pessoal

 

to preciso de habilitar varios campos textfield<input> pelo botao

 

a pagina tem 3 botao: novo, alterar, excluir que esta dentro de um form

<form method="post" action="" name="form2"> 
     <input type="submit" name="novo" value="NOVO" onclick="send('novo');" />
     <input type="submit" name="alterar" value="ALTERAR" onclick="send('alterar');"/>
     <input type="submit" name="excluir" value="EXCLUIR" onclick="send('excluir');" />
   </form>

 

agora tenho um outro form na mesma pagina com os textfield desabilitado

 

<form id="form1" name="form1" method="post" action="cadastro.php">
       <table width="0%" border="0" cellspacing="5" cellpadding="0">
         <tr>
           <td>Nome:</td>
           <td colspan="3"><label for="local">
             <input name="nome" type="text" disabled="true" id="nome" size="55" />
           </label></td>
           </tr>
         <tr>
           <td>Local:</td>
           <td colspan="3"><input name="local" type="text" disabled="true" id="local" size="55" /></td>
         </tr>

 

tenho um script para faz o controle pra fazer funcionar os botoes

 


<script type="text/Javascript">
function send(action)
{
switch(action) {
	case 'novo':
		document.getElementById("form1").disabled = false; //Habilitando 
		//url = 'index.php';
		break;
	case 'alterar':
		url = 'alterar.php';
		break;
	case 'excluir':
		url = 'excluir.php';
		break;
}

document.forms[0].action = url;
document.forms[0].submit();
}

</script>

 

 

o que preciso é que quando clicar no botao novo tudo o que estiver no form1 habilite

 

como faço iisto?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

rode um loop por todos os objetos input, que você conseguir de retorno com o array da função getElementsByTagName('input'), e habilite um por um dentro do for().

 

não entendi pq 2 formularios distintos.

se o submit estiver 'no outro', então você vai enviar sem querer um deles.

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

me descupe mas nao entendi

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo:

<html>
<head>
<script type="text/javascript">
window.onload = function(){
id('habilitar').onclick = function(){
	toogle_disabled( id('form_test'), false );
}
id('desabilitar').onclick = function(){
	toogle_disabled( id('form_test'), true );
	id('habilitar').disabled = false;
}
}
function toogle_disabled( obj_form, bool_disabled ){
var inputs = obj_form.getElementsByTagName('input');

for( var i=0; i<inputs.length; i++ ){
	inputs[i].disabled = bool_disabled;
}	
}
function id( el ){
return document.getElementById( el );
}
</script>
</head>
<body>
<form action="outra.html" method="get" id="form_test">
	<label>Nome: <input type="text" name="nome" /></label>
	<label>Local: <input type="text" name="local" /></label>
	<label><input type="button" name="habilitar" id="habilitar" value="Habilitar" /></label>
	<label><input type="button" name="desabilitar" id="desabilitar" value="Desabilitar" /></label>
	<label><input type="submit" name="ok" value="ok" /></label>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

William Bruno

 

cara e quase isto

 

se que ao innves de ter um botao para deesabilitar por padrao o formulario ja esta desabilitado entao so preciso

do botao para abilitar

 

o que preciso mudar nesta rotina que você fez

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exatamente oque você disse ^_^

 

só mudar as chamadas, estude.

é como eu disse, fiz de exemplo para te incentivar.. mas não vou 'trabalhar por você', de graça :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

rsrsr

 

descupe, nao é a minha intenssao

 

no html deixei por default como desabilitador ai so usei a sua função de habilitar

 

obrigado

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