Css comment faire du contenu inactif à l'intérieur div?

Pourriez-vous s'il vous plaît aider avec quelques exemples, comment faire contenu dans certains bloc div inactif à l'aide de javascript?

Disons qu'il y a un bouton avec la commande "Activer /Désactiver". Et il y en a un bloc div avec du texte. En appuyant sur le bouton "Activer /Désactiver", il est "Activé", vous pouvez travailler avec du contenu à l'intérieur, mais quand "Désactiver", vous ne pouvez pas travailler avec le contenu à l'intérieur de bloc div.

J'imagine afin de rendre inactif le contenu à l'intérieur de bloc div, nous avons besoin de mettre une autre couche sur la prévenir de la modification du contenu sur le contenu du bloc div.

Je suis confus comment réaliser ce type de fonction. Toute aide sera appréciée.

source d'informationauteur ilnur777 | 2013-01-16

  1. 43

    Sans l'aide d'une superposition, vous pouvez utiliser pointer-events: none sur le div dans le CSS, mais cela ne fonctionne pas dans IE ou Opera.

    div.disabled
{
  pointer-events: none;

  /* for "disabled" effect */
  opacity: 0.5;
  background: #CCC;
}

    Référence

  2. 1

    À l'aide de jquery, vous pourriez faire quelque chose comme ceci:

    //To disable 
$('#targetDiv').children().attr('disabled', 'disabled');

//To enable
$('#targetDiv').children().attr('enabled', 'enabled');

    Voici un jsFiddle exemple: http://jsfiddle.net/monknomo/gLukqygq/

    Vous pouvez également sélectionner la cible div enfants, et ajouter un "désactivé" classe css avec différentes propriétés visuelles comme une légende.

    //disable by adding disabled class
$('#targetDiv').children().addClass("disabled");

//enable by removing the disabled class
$('#targetDiv').children().removeClass("disabled");

    Voici un jsFiddle avec le un exemple: https://jsfiddle.net/monknomo/g8zt9t3m/

  3. 1

    si vous voulez cacher tout un div à partir de la vue dans une autre taille de l'écran. Vous pouvez suivre soufflet code comme un exemple. 

    div.disabled{
  display: none;
}