Hola que tal: les cuento mi problema: tengo un menu desplegable y deceo que cuando el usuario eliga una opcion(no es un select es un menu vertical), aparesca
una parte de un formulario para hacer su consulta a la bd.
osea deacuerdo a la opcion que elija el usuario salga a la vista del usuario la parte del formulario que eligio y si pincha afuera se oculte de inmediato, y tengo el codigo a la inversa: osea cuando se refresca la pantalla aparece altiro la parte del formulario que supuestamente debieran estar oculto y lo logro ocultar atraves de un href y luego voy al menu y pincho en profesion y aparece la parte del formulario que deceo. y eso esta bien el punto que cuando refresca o carga la pagina ya aparece, y la otra que para ocultarlo de hacer click en el link, y seria mucho mejor que el usuario pinchara en cualquier parte y desapareciera.. les pongo el codigo..** tambien si tienen otra forma de hacer lo que necesito, seria buenisimo, lo unico que no puedo cambiar es el menu:
<head>
<!-- funcion oculta- muestra -->
<script type="text/javascript">
function MostrarFilas(Fila) {
var elementos = document.getElementsByName(Fila);
for (i = 0; i< elementos.length; i++) {
if(navigator.appName.indexOf("Microsoft") > -1){
var visible = 'block'
} else {
var visible = 'table-row';
}
elementos[i].style.display = visible;
}
}
function OcultarFilas(Fila) {
var elementos = document.getElementsByName(Fila);
for (k = 0; k< elementos.length; k++) {
elementos[k].style.display = "none";
}
}
</script>
</head>
<!--************************************************** ********** -->
<!-- MENU OPCION -->
<div id="menu">
<ul>
<li><a href onClick="javascript:MostrarFilas('Op')">Profesion</a></li>**aka lo implemente**
<!--esto es parte del menu que no he probado ya que lo estoy viendo con profesion primero-->
<li><a href="#">Cargo al que Postula</a></li>
<li class="selected"><a href="#">Comuna</a></li>
<li><a href="#">Fecha Entrevista</a></li>
<li><a href="#">Ver todos los Registros</a></li>
</ul>
<div class="block png"></div>
</div>
***********Fin del menu**********************
<!--** aka deceo que cuando carge la pagina aparesca oculto y cuando elija se muestre**-->
<form id="form1" name="form1" method="post" action="">
<table>
<tr name="Op" id="Op">
<td><b>Buscar Por Profesion : </b>
<input name="profesion" type="text" size="20"/>
<input type="submit" value="Generar" name="generar">
<p><a href="javascript:OcultarFilas('Op')">Ocultar Opcionales</a>
<!-- **este es el href que oculta recien el formulario**-->
</p></td>
</tr>
</table>
</form>
<!--** Estare muy atentos a sus comentarios Agradeciendo toda su ayuda-->
