Codigo para dejar visible un Div especifico

<head>

<script type="text/javascript" src="js/radicacion.js"></script>

</head>

<body>
    <h1>Generador Script IMacros</h1>
    <section id="contenedor">
            <nav>       
            <ul>
            <li><a href="#" target="" onclick='ocultardiv("solicitante")'>Datos del Solicitante</a></li>
            <li><a href="#" target="" onclick='ocultardiv("solicitud")'>Datos de Solicitud</a></li>
            <li><a href="#" target="" onclick='ocultardiv("localizacion")'>Datos de Localizacion</a></li>
            </ul>
            </nav>   
    </section>   

    <section id="contenidos">
        <div id="solicitante">
            <span class="titulo">DATOS DEL SOLICITANTE</span>
             Contenido del Div
        </div>

        <div id="solicitud">
            <span class="titulo">DATOS DE SOLICITUD</span>
            Contenido del Div
        </div>

        <div id="localizacion">
            <span class="titulo">DATOS DE LOCALIZACION</span>
            Contenido del Div
        </div>       
    </section>

</body>

En un archivo externo se tendria este script radicacion.js

Contenido del archivo::

        function ocultardiv(para){
            var MatDiv = document.getElementsByTagName('div');
            for(i in MatDiv){
                if(MatDiv[i].id==para){
                    MatDiv[i].style.display='block';   
                }
                else{
                    MatDiv[i].style.display='none';   
                }                                           
            }
        }

 

Explicacion del Script:

-La primera linea: hace referencia al Nombre de la Funcion a ser invocada, que recibe como parametro el Id del tag DIV. (para)

-La segunda linea: almacena en una variable MatDiv de tipo matriz(array) todos los div de la pagina

-La tercera linea: Se inicia el ciclo que recorre la matriz MatDiv

-La cuarta linea: Se compara el Id del Elemento de la MatDiv con el Id que se recibe como parametro

-La quinta linea: Hace visible el DIV que cumple la condicion de If.

-La octava linea: Hace no visible el DIV que no cumple la condicion del If.

 

Compártelo

También te puede interesar...

Comentarios

    No hay comentarios.

Escribe un comentario

Tienes que estar registrado para poder dejar comentarios.
Accede a tu cuenta o regístrate en NotasWeb.com.
Avatar_176 elpaisita
14º en el Ranking


Artículos más vistos del usuario

Últimos artículos del usuario