[Resolvido] Desabilitar campos com List Menu

[morpheus 0]

Oi galera, preciso de uma ajuda.

 

Alguem sabe como se faz ou de algum script para fazer o seguinte:

 

Tenho um menu list com duas alternativas: Clientes, empregados

 

quando selecciono clientes todos os campos do formulário estão activos, agora quando eu escolho empregados alguns campos de texto do formulário deveriam ficar inactivos.

 

Alguem me ajuda?

 

Um abraço

[berkowitz 2]

faça uma função para bloquear campos com parâmetros dinâmicos (ou seja, não tem um número fixo de parâmetrros que você vai passar. Você passa os campos que quer bloquear e a função se adapta).

 

Um exemplo:

 

function bloqueiaCampo() {
   if(arguments.length > 0) {
	  for(i=0; i<arguments.length; i++) {
		 document.NOMEDOTEUFORM[arguments[i]].readonly = true;
	  }
   }
}

Exemplo de chamada para a função:

bloqueiaCampo(usuario,senha,nome,idade,fone);

 

Entendeu a idéia?

 

ABRAX!!

[morpheus 0]

Oi berkowitz, obrigado pela tua ajuda, então seria assim:

 

<script>
function bloqueiaCampo() {
   if(arguments.length > 0) {
	  for(i=0; i<arguments.length; i++) {
		 document.NOMEDOTEUFORM[arguments[i]].readonly = true;
	  }
   }
}
</script>

Depois no menu list colocaria assim?

 

<select name="tipo" class="font11Black">
				  <option value="Particular">Particular</option>
				  <option value="Empresa" onclick="bloqueiaCampo(usuario,senha,nome,idade,fone)">Empresa</option>
				</select>

Não sei como aplicar aqui no menu. Valeu

[berkowitz 2]

Bom... no script que te mandei você tem que mudar o NOMEDOTEUFORM para o nome do teu <form>, certo? Não se esqueça.

 

No teu <select> você não utiliza onclick em um option. Tem que utilizar o onChange na tag SELECT, e aí você acrescenta uma linha na função que te passei. Você vai ter que verificar se o item escolhido é o Empresa (no seu caso) para aí sim executar a função.

 

Entendeu? :D

 

ABRAX!!

[morpheus 0]

Desculpa minha burrice, mas não tou entendendo como colocar isso no select, dá para me escrever aqui?

 

Valeu

[berkowitz 2]

Assim:

 

<select name="tipo" class="font11Black" onChange="bloqueiaCampo(usuario,senha,nome,idade,fone);">
				  <option value="Particular">Particular</option>
				  <option value="Empresa">Empresa</option>
				</select>

E na função bloqueiaCampo você incluiria assim:

 

<script>

function bloqueiaCampo() {

var form = document.NOMEDOTEUFORM;

var bloqueio = (form.tipo.options[form.tipo.selectedIndex].value == "Empresa")?true:false;

if(arguments.length > 0) {

for(i=0; i<arguments.length; i++) { arguments.disabled = bloqueio; }

}

}

</script>

Entendeu? Assim quando você escolher EMPRESA ele bloqueia, e outra opção ele libera. A partir daí você pode adaptar para as tuas necessidades... frmz?? :D

 

Obs.: o código que eu havia te passado antes continha um erro! Agora já está funcionando (testei aqui). Desculpe!

 

ABRAX!!!

[morpheus 0]

Muito obrigado berkowitz, é isso mesmo.

 

Valeu mesmo

[berkowitz 2]

Aeeeeeeeeeee http://forum.imasters.com.br/public/style_emoticons/default/clap.gif