JavaScript - DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

 
Vista:
Imágen de perfil de leidy Johana

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por leidy Johana (11 intervenciones) el 21/12/2016 14:59:05
Buenos días colegas:

Actualmente estoy desarrollando una aplicación web en netbans donde necesito deshabilitar todos los botones y contenido de mi DIV "COLUMNA_IZQUIERDA" cuando mi usuario no se auditor,pero por el momento necesito deshabilitar mi DIV apenas cargue la pagina par estar segura de que funciona y luego agregar la condición, pero tengo el siguiente codigo JAVASCRIPT y no me funciona:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function habilitarTablas(){
 
    var divSeccionDatosRecibo= document.getElementById("columna_izquierda");
    var elemDatoRecibo = divSeccionDatosRecibo.getElementsByTagName("btn_izquierdo");
 
    //DESHABILITAMOS TODOS LOS INPUTS DEL DIV
 
    for(var j=0; j<elemDatoRecibo.length;j++){
        elemDatoRecibo[j].disabled = true;
    }
    //GRISEAMOS EL DIV
    divSeccionDatosRecibo.disabled = true;
 
}

ESTE ES MI CODIGO EN JSP

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<body class="body_principal" onload="mostrardiv()">
 
<div id="columna_izquierda">
    <h3> <label for="cafi_gen">Administracion</label> </h3>
    <div id="uno">
        <ul class="nav_column_izq">
 
            <li> <input type="submit" id="btn_izquierdo_titulo" name="btn_izquierdo" value="Usuarios">
                 <input type="hidden" name="AUDITOR" value=<% out.println(auditor);%>/>
                <ul>
 
                    <li>
 
                        <input type="submit" id="btn_izquierdo_titulo_dos" name="btn_izquierdo" value="Gestionar">
                        <ul>
                           <li> <input type="submit" id="btn_izquierdo_titulo_dos" name="btn_izquierdo" value="Usuarios">
                                <ul>
                                    <li><a href="Vista/PaginasAdministrar/InsertarAdministrar/InsertarUsuario.jsp" target="contenido_muestra">Insertar</a></li>
                                    <li><a href="Vista/PaginasAdministrar/ConsultaAdministrar/ConsultaUsuario.jsp" target="contenido_muestra">Consultar</a></li>
                                </ul>
                            </li>
 
                            <li> <input type="submit" id="btn_izquierdo_titulo_dos" name="btn_izquierdo" value="Perfil_usuarios">
                                <ul>
                                    <li><a href="Vista/PaginasAdministrar/InsertarAdministrar/InsertarPerfilUsuario.jsp" target="contenido_muestra">Insertar</a></li>
                                    <li><a href="Vista/PaginasAdministrar/ConsultaAdministrar/ConsultaPerfilUsuario.jsp" target="contenido_muestra">Consultar</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
 
            </li>
        </ul>
    </div>
 
     <div id="menu">
        <ul class="nav_column_izq">
        <li><input type="submit" id="btn_izquierdo_titulo" name="btn_izquierdo" value="Perfiles">
            <ul>
                <li> <input type="submit" id="btn_izquierdo_titulo_dos" name="btn_izquierdo" value="Gestionar">
                    <ul>
 
                        <li> <input type="submit" id="btn_izquierdo_titulo_dos" name="btn_izquierdo" value="Perfil">
                            <ul>
                                <li><a href="Vista/PaginasAdministrar/InsertarAdministrar/InsertarPerfil.jsp" target="contenido_muestra">Insertar</a></li>
                                <li><a href="Vista/PaginasAdministrar/ConsultaAdministrar/ConsultaPerfil.jsp" target="contenido_muestra">Consultar</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        </ul>
    </div>
</div>

Agradezco su tiempo y colaboración :)
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por xve (2100 intervenciones) el 21/12/2016 18:27:32
Hola Leidy, desde donde llamas a la función habilitarTablas() de javascript?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de leidy Johana

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por leidy Johana (11 intervenciones) el 21/12/2016 20:38:45
Perdón, me equivoque a la hora de pegar el código.

Lo llamo en el body:

<body class="body_principal" onload="habilitarTablas">

<body>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de kip
Val: 553
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por kip (107 intervenciones) el 21/12/2016 22:24:52
Hola, lo que creo que esta mas es esta linea:

1
var elemDatoRecibo = divSeccionDatosRecibo.getElementsByTagName("btn_izquierdo");

A la funcion getElementsByTagName tal como lo dice debes pasarle un TAG valido por ejemplo INPUT, P, LI.....

Creo que en tu caso podrias usar INPUT:

1
var elemDatoRecibo = divSeccionDatosRecibo.getElementsByTagName("INPUT");

O si deseas ser mas especifica seleccionando solo los elementos innput con cierto nombre(animal por ejemplo), podrias hacer un:

1
divSeccionDatosRecibo.querySelectorAll("input[name='animal']");

Nos cuentas si logras hacer funcionar la funcion.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de leidy Contreras

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por leidy Contreras (11 intervenciones) el 22/12/2016 17:05:31
Lo hice tal cual y NO ME FUNCIONA.

No encuentro el error.

:(
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de kip
Val: 553
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

DESHABILITAR UN DIV CON BOTONES SEGUN UNA CONDICION

Publicado por kip (107 intervenciones) el 23/12/2016 20:32:14
Verifica en la consola del navegador a ver si te muestra algun error.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar