desactivar todos los elementos de HTML

Question

¿Cómo podemos desactivar todos los elementos de HTML a través javascript.The forma más fácil ...

Answer 1

que sugieren que hacerlo de la "mesa de luz" camino al estilo.

Agregue una capa div de posición completa, transparente y de pantalla completa sobre la página. De esta manera, el usuario ni siquiera puede hacer clic en un enlace.

Para dar al usuario un comentario visual de que la página está deshabilitada, puede hacer la división. gramo. 50% negro transparente.

BTW, aquí hay también un jQuery Plugin que utiliza una técnica similar.

Answer 2

No sé por qué se necesita eso, pero esto funcionará:

// this will disable all input elements 
var elems = document.getElementsByTagName('input'); 
var len = elems.length; 

for (var i = 0; i < len; i++) { 
    elems[i].disabled = true; 
} 

Answer 3

Prueba de esto,

function disableForm(theform) { 
     if (document.all || document.getElementById) { 
      for (i = 0; i < theform.length; i++) { 
      var formElement = theform.elements[i]; 
       if (true) { 
        formElement.disabled = true; 
       } 
      } 
     } 
    } 

o bien puede probar esto también, como dijo RaYell

function disableForm() { 
    var inputs = document.getElementsByTagName("input"); 
    for (var i = 0; i < inputs.length; i++) { 
     inputs[i].disabled = true; 
    } 
    var selects = document.getElementsByTagName("select"); 
    for (var i = 0; i < selects.length; i++) { 
     selects[i].disabled = true; 
    } 
    var textareas = document.getElementsByTagName("textarea"); 
    for (var i = 0; i < textareas.length; i++) { 
     textareas[i].disabled = true; 
    } 
    var buttons = document.getElementsByTagName("button"); 
    for (var i = 0; i < buttons.length; i++) { 
     buttons[i].disabled = true; 
    } 
} 

Para desactivar toda la página se puede encontrar algo de información here,

Answer 4

Todos los elementos del formulario (entradas, selecciona, áreas de texto) dentro de un formulario, son accesibles a través de la form.elements HTMLCollection, se puede recorrer la colección desactivación de cada elemento:

function disableForm(form) { 
var length = form.elements.length, 
    i; 
    for (i=0; i < length; i++) { 
    form.elements[i].disabled = true; 
    } 
} 

ejemplos de uso:

disableForm(document.forms[0]); 
disableForm(document.getElementById('formId')); 

Answer 5

Una vez tuve que crear un tutorial para mi sitio web. Necesitaba deshabilitar todas las interacciones en una página excluyendo algunos elementos. Para hacerlo, utilicé este método: Primero asegúrese de eliminar todos los enlaces de eventos de los elementos de su página. Usted puede hacer esto mediante el uso de:

$('*').unbind(); 

Siguiente desactivar todos los enlaces de una página:

$('a').each(function(){$(this).click(function(){return false;})}); 

y desactivar todas las entradas:

$('input').attr('disabled', true); 

El código debe ser ejecutado al final de su documento. Por cierto, puede excluir algunos elementos dentro del selector de jquery para mantenerlos activos.

Answer 6

La manera más fácil es colocar todos los elementos de formulario que desee deshabilitar dentro de un <fieldset> y luego deshabilitar el conjunto de campos.

Un ejemplo: http://jsfiddle.net/xdkf9b8j/1/

Si no desea que el borde alrededor del conjunto de campos, eliminarlo por css.

Answer 7

La mejor manera es agregar un div con el índice z más alto con ancho: 100% y alto: 100%. Cubrirá toda su página y hará que todo lo que no se pueda hacer se deshabilite virtualmente. Es mejor, porque lo hará no use ningún bucle ni ningún código complejo.

Answer 8

Justo y sin muletas!

/** 
* Enable/disable all form controlls 
* @param status Status: true - form active, false - form unactive 
*/ 
HTMLFormElement.prototype.setStatus = function (status) { 
    for (var i in this.elements) { 
     this.elements[i].disabled = !status; 
    } 
}; 

// Example: 
var my_form = document.getElementById('my_form_with_many_inputs'); 
my_form.setStatus(false); // Disable all inputs in form 
my_form.setStatus(true); // Enable all inputs in form