Comunidad de diseño web y desarrollo en internet online

Variable en Javascript

Citar            
MensajeEscrito el 11 Feb 2011 04:34 pm
<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:


<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:


<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 13 Feb 2011 04:41 am
Hola , es posible, mira

<script language="Javascript">

// aqui seclaras la funcion con el atributo capa
function mostrar(capa) {
var unaTabla, mostrar;

//Aqui utilizas el atributo para seleccionar la 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 mostrar una capa - mostrar('id'), la id deve ser de la capa que quieres mostrar ( debe estar entre comillas simples)

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

solo tienes que agregar un atributo a la funcion por el que pasas el nombre de la capa
function nombre(atributos,...){}
Espero que te sirba, :)

Por aapf_92

87 de clabLevel

1 tutorial

 

firefox

 

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