Activer et désactiver une div et ses éléments en Javascript

Question

Je recherche une méthode pour activer et désactiver le div id="dcalc" et ses enfants.

 <div id="dcalc" class="nerkheArz"
 style="left: 50px; top: 150px; width: 380px; height: 370px;
 background: #CDF; text-align: center" >
 <div class="nerkh-Arz"></div>
 <div id="calc"> </div>
</div>

Je veux les désactiver au chargement de la page puis par un clic je peux les activer ?

C'est ce que j'ai essayé

 document.getElementById("dcalc").disabled = true;

Answer 1

Si vous souhaitez désactiver tous les contrôles du div, vous pouvez essayer d'ajouter un div transparent sur le div à désactiver, vous allez le rendre non cliquable, utilisez également fadeTo pour créer une apparence de désactivation.

essaye ça.

 $('#DisableDiv').fadeTo('slow',.6);
$('#DisableDiv').append('<div style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>');