Hola, vereis en la página que estoy haciendo tengo un sistema de álbum de fotografías. Éste se basa en que aparecen las fechas de los ensayos en columnas, y al clickar en la fecha se abre en esa página justo debajo un texto y un cuadrado donde se van pasando las fotos. Cuando clickas en la fecha esta también se convierte en la palabra 'ocultar' para cerrar ese álbum y poder abrir otro. Cuando tenía solo una fecha funcionaba a la perfección, pero ahora que quiero añadir otra no se como ponerlas para que funcionen bien, porque tal como lo tengo escrito me arma un cristo (se me enciende una y luego no se me apaga y cuando abro la otra se me cierra la anterior o las dos, cosas así). Sabeis como tendría que hacer para que funcionaran las dos? este es el código
Código HTML:
<script>
OCULTO="none";
VISIBLE="block";
function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE;
document.getElementById('ver_off').style.display=VISIBLE;
document.getElementById('ver_on').style.display=OCULTO;
}
function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off').style.display=OCULTO;
document.getElementById('ver_on').style.display=VISIBLE;
}
</script>
<div id="ver_on">
<a href="#" onclick="mostrar('bloque')">22 de Marzo de 2010</a>
</div><br>
<div id="ver_off" style="display: none">
<a href="#" onclick="ocultar('bloque')">Ocultar</a><br>
</div>
<div id="ver_on">
<a href="#" onclick="mostrar('bloque1')">17 de Abril de 2010</a>
</div>
<div id="ver_off" style="display: none">
<a href="#" onclick="ocultar('bloque1')">Ocultar</a>
</div>
<div id="bloque" style="display: none">
<center>
Texto del álbum
<br>
<!-- ________ START EFFECTS CODE - http://www.effectscode.com/ ________ -->
<script src="effectscode.com.js" type="text/javascript"></script>
<div class="com.effectscode.PhotoShoot" style="width:300px; height:225px;">
<textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20">
// <!-- ____________________________ Start XML ___________________________
<PhotoShoot bgcolor="#001B8D" showTime="3000">
<ZoomImage src="fotosensayos/21-3-10/1.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/21-3-10/2.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/21-3-10/3.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/21-3-10/4.JPG" zoomToX="243" zoomToY="101" />
</PhotoShoot>
// _____________________________ End XML ____________________________ -->
</textarea><div class="alternateContent">
<a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash
effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a>
</div></div>
<script type="text/javascript">ECreplace();</script>
<!-- _______________________ END EFFECTS CODE _________________________ --> </div>
</div>
<div id="bloque1" style="display: none">
<br><center><span style="color: #FFFFFF" size="10">
Texto del álbum
<br>
<!-- ________ START EFFECTS CODE - http://www.effectscode.com/ ________ -->
<script src="effectscode.com.js" type="text/javascript"></script>
<div class="com.effectscode.PhotoShoot" style="width:300px; height:200px;">
<textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20">
// <!-- ____________________________ Start XML ___________________________
<PhotoShoot bgcolor="#001B8D" showTime="3000">
<ZoomImage src="fotosensayos/17-4-10/1.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/2.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/3.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/4.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/5.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/6.JPG" zoomToX="243" zoomToY="101" />
<ZoomImage src="fotosensayos/17-4-10/7.JPG" zoomToX="243" zoomToY="101" />
</PhotoShoot>
// _____________________________ End XML ____________________________ -->
</textarea><div class="alternateContent">
<a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash
effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a>
</div></div>
<script type="text/javascript">ECreplace();</script>
<!-- _______________________ END EFFECTS CODE _________________________ --> </div>
</div>