Foros del Web - Ver Mensaje Individual - Enable a todos los elementos dentro de un div

InKarC · #5 (**permalink**) 15/05/2011, 17:23

Cita:

div.style.display = '';

Dejarlo vacio no es lo mas recomendable, lo mejor es darle el atributo que necesita (para divs usualmente es "block")

Si lo que quieres es HABILITAR los input dentro del div (quitarles 'disabled="disabled"') es asi:

Código Javascript:

Ver originalfunction mostrardiv(name) {
        div = document.getElementById(name);
        div.style.display = 'block';
        inputs = div.getElementsByTagName('input');
        for (i in inputs){
              inputs[i].removeAttribute("disabled",0);
        }
    }

En html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript">
window.onload = function(){
mostrardiv("myDIV");
function mostrardiv(name) {
        div = document.getElementById(name);
        div.style.display = 'block';
        inputs = div.getElementsByTagName('input');
        for (i in inputs){
              inputs[i].removeAttribute("disabled",0);
        }
    }
}
 
</script>
</head>
<body>
<div style="display:none; background-color:#0C0;" id="myDIV"><form><input id="txt" name="algo" type="text" disabled="disabled"  /></form></div>
</body>
</html>

-------------
Si lo que necesita es PONERLE disabled (o sea desabilitarlo) simplemente remplaze removeAttribute("disabled",0); por setAttribute('disabled', 'disabled');

-------------
Para hacerlo con elementos SELECT en vez de elementos INPUT simplemente en vez de hacer esto:

Cita:

inputs = div.getElementsByTagName('input');

Hace esto:

Cita:

inputs = div.getElementsByTagName('select');