Comment désactiver tous les contenus div

Question

Je supposais que si je désactivais un div, tout le contenu était également désactivé.

Cependant, le contenu est grisé mais je peux toujours interagir avec lui.

Existe-t-il un moyen de faire cela ? (désactiver un div et faire en sorte que tout le contenu soit également désactivé)

Answer 1

Utilisez un framework comme JQuery pour faire des choses comme :

function toggleStatus() {
    if ($('#toggleElement').is(':checked')) {
        $('#idOfTheDIV :input').attr('disabled', true);
    } else {
        $('#idOfTheDIV :input').removeAttr('disabled');
    }   
}

Désactiver et activer les éléments de saisie dans un bloc Div en utilisant jQuery devrait vous aider !

À partir de jQuery 1.6, vous devez utiliser .prop au lieu de .attr pour la mise hors service.

Answer 2

Je voulais juste mentionner cette méthode d'extension pour activer et désactiver des éléments . Je pense que c'est un moyen beaucoup plus propre que d'ajouter et de supprimer des attributs directement.

Alors vous le faites tout simplement :

$("div *").disable();

Answer 3

L'attribut "disabled" ne fait pas partie de la spécification du W3C pour l'utilisation de l'adresse IP. Éléments DIV seulement pour éléments de forme .

L'approche jQuery suggérée par Martin est le seul moyen infaillible d'y parvenir.

Answer 4

Similaire à la solution de cletu, mais j'ai eu une erreur en utilisant cette solution, c'est la solution de contournement :

$('div *').prop('disabled',true);
// or
$('#the_div_id *').prop('disabled',true);

fonctionne bien pour moi

Answer 5

Les contrôles de saisie HTML peuvent être désactivés à l'aide de l'attribut "disabled", comme vous le savez. Une fois que l'attribut "disabled" d'un contrôle d'entrée est défini, les gestionnaires d'événements associés à ce contrôle ne sont pas invoqués.

Vous devez simuler le comportement ci-dessus pour les éléments HTML qui ne supportent pas l'attribut 'disabled' comme div, si vous le souhaitez.

Si vous avez une division et que vous voulez prendre en charge l'événement clic ou clé sur cette division, vous devez faire deux choses : 1) Lorsque vous voulez désactiver la div, définissez son attribut disabled comme d'habitude (pour respecter la convention). 2) Dans les gestionnaires de clic et/ou de touche de votre div, vérifiez si l'attribut disabled est défini sur la div. Si c'est le cas, il suffit de ne pas tenir compte de l'événement de clic ou de touche (par exemple, il suffit de retourner immédiatement). Si l'attribut "disabled" n'est pas défini, faites la logique de l'événement "click" et/ou "key" de votre div.

Les étapes ci-dessus sont également indépendantes du navigateur.