JavaScript - Variable en Javascript

 
Vista:

Variable en Javascript

Publicado por victor (1 intervención) el 11/02/2011 17:33:34
Tengo un javascript para ocultar y mostrar una capa, es el siguiente:

<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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Variable en Javascript

Publicado por AndresS (20 intervenciones) el 14/02/2011 14:28:09
Hola Victor,
no se si he entendido bien. Si lo que necesitas es reutilizar el código en distintas tablas, es asi:

<script language="Javascript">
function mostrar(tabla) {
var unaTabla, mostrar;
// Aquí cambiar y pasar parámetro tabla
unaTabla = document.getElementById(tabla);
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>

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

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

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

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

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar