Ver Mensaje Individual
  #10 (permalink)  
Antiguo 06/10/2005, 09:06
Avatar de Saruman
Saruman
 
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años, 9 meses
Puntos: 5
ok, ya veo. para ello tiene que poner a cada uno un id diferente, eso seria a la imagen y a la tabla. asi:

Código HTML:
function Toggle(tabla) {
  tabla = document.getElementById(tabla);
  var img = document.getElementById("img_" + tabla);
  
  if (tabla.style.display == "none") {
   tabla.style.display = "block";
   img.src = "dir/cerrar.gif";
  } else {
   tabla.style.display = "none";
   img.src = "dir/abrir.gif";
  }
 }
Código HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Titulo de la Tabla</td>
    <td><a href="javascript:void(0);" onClick="Toggle('mi_tabla1')"><img id="img_mi_tabla1" src="cerrar.gif" border="0"></a></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000;" id="mi_tabla1">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table> 
Código HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Titulo de la Tabla</td>
    <td><a href="javascript:void(0);" onClick="Toggle('mi_tabla2')"><img id="img_mi_tabla2" src="cerrar.gif" border="0"></a></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000;" id="mi_tabla2">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table> 
asi sucesivamente...
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.