Comunidad de diseño web y desarrollo en internet online

variable nombre para ocultar/mostrar divs

Citar            
MensajeEscrito el 11 Feb 2011 02:53 pm
Tengo un javascript para ocultar y mostrar una capa, es el siguiente:

Código Javascript :

<script language="Javascript">
   function mostrar() {
      var unaTabla, mostrar;
      unaTabla = document.getElementById("unaTabla");
      if(unaTabla.style.visibility == "hidden") {
         unaTabla.style.visibility = "visible";
         mostrar = document.getElementById("mostrar").childNodes[0];
         mostrar.data = "Ocultar";
      }
      else {
         unaTabla.style.visibility = "hidden";
         mostrar = document.getElementById("mostrar").childNodes[0];
         mostrar.data = "Mostrar";
      }

   }
</script>


la capa en el código es esta:

Código HTML :

<div id="unaTabla" style="position:absolute; float:left; width:240px; height:300px; visibility: visible; background-color:#CCC; top:-70px;"></div>


y lo activo o desactivo en el html de la siguiente manera:

Código HTML :

<a href="javascript:mostrar()"><img src="imgs/xxx.jpg" width="35" height="42"></a>


Mi pregunta es, ¿Es posible poner el nombre como una variable para no tener que crear muchos javascripts para ocultar o mostrar diferentes capas? Vamos, que tendría diferentes imágenes que llamarían a diferentes capas, pero con un mismo javascript.

Por zink

32 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2011 04:11 pm
enserio, nadie puede ayudarme? Debería ser sencillo para gente que maneje bien el javascript... Por favor...

Por zink

32 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Feb 2011 04:50 am
Codigo:

<script language="Javascript">
//declaro la funcion con un argumento la variable capa
function mostrar(capa) {
var unaTabla, mostrar;
//utilizo la bariable capa
unaTabla = document.getElementById(capa);
if(unaTabla.style.visibility == "hidden") {
unaTabla.style.visibility = "visible";
mostrar = document.getElementById("mostrar").childNodes[0];
mostrar.data = "Ocultar";
}
else {
unaTabla.style.visibility = "hidden";
mostrar = document.getElementById("mostrar").childNodes[0];
mostrar.data = "Mostrar";
}

}
</script>

para el linck

<a href="javascript:mostrar('id')"><img src="imgs/xxx.jpg" width="35" height="42"></a>

la id deve ser la de la tabla mostrar('latabla'), deve estar entre comillas simples

espero que te ayude

Por aapf_92

87 de clabLevel

1 tutorial

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.