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
Escribe un comentario
Accede a tu cuenta o regístrate en NotasWeb.com.
No hay comentarios.