toogle

[chuntin]

creo que esto va aqui:

Código HTML:

<!--
  function toogle()
   {
      var params=toogle.arguments;
      for(var i=1;i<params.length;i++)
       { 	  
         document.getElementById(params[i]).style.display=params[0];
       } 
   }
  //--> 
  </script>
  <style type="text/css">
  /*html, body
   {
      height: 100%;
      width: 100%;
      margin: 0;
      paddin: 0;
      overflow: hidden; 
   }*/
  #kba
   {
      height: 100%;
      width: 100%;
      overflow: auto; 	
   } 
  #modal
   {
      position: absolute;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      z-index: 50;
      filter: alpha(opacity=50);
      opacity: 0.5;
      -moz-opacity:0.5;
      background-color: #808080;
      left: 0;
      top: 0;
      overflow: auto;
   }
   
  #mContainer
   {
      position: absolute;
      left: 87px;
      top: 66px;
      background-color: #000000;
      color: #ffffff;
      width: 75%;
      height: 75%;
      z-index: 100;
      filter: alpha(opacity=100);
      opacity: 1;
      -moz-opacity:1;
   }
  </style>

<th class="odd" width="25%"><strong>Puertas Seccionales<br /> <em>
  <a id="open" value="fopen" onclick="toogle('block','modal','mContainer')">
  <img src="../images/imagenes/minilogos/seccionales.png" border="0" width="72" height="72" />
  </a>
  	<div id="modal" style="display:none">
  		<div align="right" id="mContainer" style="display:none">
        	<input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br />
			<iframe title="seccional" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/seccionales?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
  </th>
  
  <th class="odd" width="25%"><strong>Enrollables<br />
   <a id="open" value="fopen"  onmouseover="font-color:#0CC" onclick="toogle('block','modal','mContainer')">
   <img src="../images/imagenes/minilogos/ENROLLABLES DE HIERRO.png" border="0" width="72" height="72" /></a>
  	<div id="modal" style="display:none">
  		<div align="right" id="mContainer" style="display:none">
    <input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br />
			<iframe title="enrollable" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/enrollable?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
    </th> 

tengo este codigo y cuando carga el toogle, aunque luego tenga diferente enlace me carga siempre el de la primera celda. alguien sabe como puedo cargar el enlace que deberia??? pongo dos celdas pero en realidad tengo muchas mas

[zerokilled]

buenas,
fijate que tienes más de un id repetido el cual no debería ser así. por eso, no importa cuantas celdas tengas, la función siempre mostrará el primer elemento que encuentre con dicha id, comúnmente el primer elemento con dicha id cuando es leido de arriba abajo. nunca debes repetir el mismo id, simplemente asignale otro.

[chuntin]

Iniciado por zerokilled

buenas,
fijate que tienes más de un id repetido el cual no debería ser así. por eso, no importa cuantas celdas tengas, la función siempre mostrará el primer elemento que encuentre con dicha id, comúnmente el primer elemento con dicha id cuando es leido de arriba abajo. nunca debes repetir el mismo id, simplemente asignale otro.

Y LUEGO EN el css tendré que poner codigo para cada id no? o con poner una , y el id vale el mismo codigo???

[zerokilled]

al ser diferentes los IDs, tienes que aplicar código para cada ID. o si todos bien todos van a tener el mismo estilo puedes usar una sola clase para todos los elementos.

[chuntin]

ya lo he conseguido, aunque es un poco royo porque la ventana modal que me explicaron por encima no conseguia hacerla funcionar y uso al final esta que es mas antigua pero me va bien por fin. ahora me falta repetirlo para todos los enlaces que solo he puesto 4 pero vale por hoy que es viernes.

un saludo y gracias

podeis verlo en: http://eurocierre.com/index.php?opti...pper&Itemid=55