display block

[bLTR]

Boa Tarde!

Precisava de uma ajudinha aqui a resolver uma cena!

Tenho dois inputs do type radio...

e preciso que quando seleciono a 1ª opção radio, ele tem que bloquear 5 inputs.

ao selecionar a 2ª opção radio, ele tem que desbloquear os 5 inputs...

ouvi falar no display block/none (não tenho a certeza se para este caso tenho que usar isso)

alguma ajuda??

Cumprimentos,

bLTR'

[HappyHippyHippo]

display:none não é para bloquear mas sim para fazer desaparecer

para bloquear podes usar o readonly

[bLTR]

Podes-me arranajar algum tutorial com isso?

[brunoais]

Explica melhor o teu problema, sff.

Eu tenho problemas em perceber corretamente o que queres.

[HappyHippyHippo]

usas jquery ?

<input type="radio" onclick="invalidate(2)" />
<input type="radio" onclick="invalidate(1)" />
<input type="text" name="name1" class="block1" />
<input type="text" name="name2" class="block1" />
<input type="text" name="name3" class="block2" />
<input type="text" name="name4" class="block2" />

function invalidate(block) {
 $("input").removeAttr("readonly");
 $("input.block"+block).attr("readonly", "readonly");
}

[bLTR]

Explica melhor o teu problema, sff.

Eu tenho problemas em perceber corretamente o que queres.

imagina....

dois botoes do tipo radio:

(.) todas as turmas

() apenas uma turma

(.) -> está selecionado o botao

caso a opção todas as turmas está seleccionado, apenas vai mostrar um botao para criar uma pauta

() todas as turmas

(.) apenas uma turma

caso a opção apenas uma turma está seleccionado, vai mostrar quatro listas (Horario lectivo, curso, turma e ano curricular) e o botao para criar a pauta...

se o outro tiver todas as turmas estiver seleccionado nao quero que as quatro listas desaparecam... apenas quero que estejam lá, mas que nao se consiga mexer nelas...

entendes-te?

está aqui uma imagem, a explicar melhor, pode ser que percebam melhor 😉 PAINT POWER

http://www.imagebanana.com/view/jqynqtnc/lol.png

Edited May 18, 2012 at 11:02 AM by bLTR

[KTachyon]

Se utilizares jQuery, podes fazer isso com show() e hide() aos objectos que pretendes mostrar ou esconder.

$('#objecto1').show();
$('#objecto2').hide();

Edited May 18, 2012 at 10:54 AM by KTachyon

[bLTR]

Se utilizares jQuery, podes fazer isso com show() e hide() aos objectos que pretendes mostrar ou esconder.

$('#objecto1').show();
$('#objecto2').hide();

não sei jQuery

Edited May 18, 2012 at 11:03 AM by bLTR

[KTachyon]

É uma biblioteca de JavaScript. Não tem muito que saber. Só tens que importar os ficheiros de um CDN qualquer, como, por exemplo, o Google e fica pronto a utilizar.

http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery

[bLTR]

mas ja viste a imagem como eu quero? mais ou menos?

[KTachyon]

Eu percebo o que tu queres fazer. Queres que, quando o utilizador seleccione um radio button, mostre ou esconda um conjunto de campos. Se não pretendes esconder os campos e apenas impedir que estes sejam alterados, podes definir o attributo disabled também com jQuery:

// disable
$('#objecto1').attr('disabled', true);

//enable
$('#objecto1').removeAttr('disabled');

[bLTR]

basta meter so isso?

[KTachyon]

Não... mas, para além de não saber como fizeste o site, não quero ser eu a fazer o teu trabalho. Já te dei as funções e já te expliquei como é que possibilitas a utilização de jQuery no site, o resto é suposto seres tu a desenvolver.

[bLTR]

estava a perguntar se é só necessário meter apenas esses comandos que metes-te ai... se há mais codigos, tipo IF todas as turmas estiver selelecionado (faz com que nao se possa mexer)

IF uma turma estiver selecionado (faz com que se possa mexer)

[KTachyon]

Repara que tu podes definir a função JavaScript que é executada quando mudas o radio button seleccionado. Daí que podes fazer isso sem um if. Mas, como disse, isso já é contigo. Só depende de como queres implementar.

Mas sim, precisas de mais coisas. Precisas de carregar o jQuery de algum lado, como disse no post anterior. Precisas de indicar quais são os IDs/class que queres esconder/mostrar/desactivar/activar. E precisas de chamar a função quando o evento ocorre.

[bLTR]

hmm obrigado 😉

[bLTR]

secalhar até ficaria melhor se desaparece-se e aparece-se, que acham?

[bLTR]

Está feito pessoal, acabei por utilizar isto...

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

Obrigado e até a uma Próxima!!

Cumprimentos,

bLTR'

[bLTR]

estou com um problema ainda afinal...

ele faz tudo direitinho, mas quando abro a pagina e o input radio todas as turmas está selecionado, ele nao devia de aparecer os inputs, e está a aparecer, e sempre que eu mudo um input, o input radio muda para o 1º ou seja, estando selecionado o input radio "uma turma" (aparece direitinho os inputs) ao mudar um dos inputs ele muda-me o input radio para o todas as turmas... querem que meta aqui o codigo?

[brunoais]

1. Usa frases mais pequenas. Tenta partir a situação em partes para teres, no máximo, 1 frase por linha.
   
2. Para a parte q percebi: Sim, Mostra o codigo relevante.