Bloqueio de campos e botões dentro de uma tag <DIV>

Vamos lá,

Voce tem a div01 com botões e quando a div02 aparecer você quer desabilitar a div01 e seus elementos certo? você não quer esconder a div01? Quer mante-la visivel e desabilita-la, correto?

Se sim, quando for chamar a div02 crie uma função desabilitando os elemento da div01.

var dvAct=document.getElementById("div01");
var elInput = dvAct.getElementByTagName("input");
for(i=0;i<elInput.length;i++)
{
   elInput.disabled=true;
}

Vê se isso ajuda

Abs

Minduin, é isso mesmo…

Tornei o DIV01 com opacidade 40% e vou mostrar o DIV02 com opacidade 100%.

O código que você passou desabilita todos os INPUT’s (text, password, button), mas tenho outros objetos na tela, por exemplo

Será que não tem uma forma de desabilitar o DIV01 como um todo? De uma só vez?

Tem muitos select box? se não, coloca chamando ele nominalmente no seu método

document.getElementById(‘mySelect’).disabled = true;

… Agora, não sei se você está iniciando agora, procure aprender jQuery, fica mais elegante o código, apesar deu achar chatissimo.

Acho que vai ser o jeito Minduin.

Na programação web/Java estou começando agora…
Já dei uma olhada no JQuery, mas quero aprender desde o começo e na medida do possível vou evoluindo.

Valeu pela ajuda !!!

Concordo com o colega Minduin em utilizar um framework como jQuery, porém acho interessante você estudar legal a estrutura “bruta” do javascript, pra depois evoluir pro jQuery ou qualquer outro.

Infelizmente também não conheço outras formas de trabalhar essa questão se não for via javascript puro ou jQuery.