Foros del Web » Programando para Internet » Javascript »

No me funciona el código repetido

 Estas en el tema de No me funciona el código repetido en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/04/2010, 14:19
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 6 meses
Puntos: 1
No me funciona el código repetido
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>
__________________
Diseño portadas para discos, interesados contactad conmigo.
  #2 (permalink)  
Antiguo 25/04/2010, 14:51
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: No me funciona el código repetido
Hola

A ver si esto te da alguna ida

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script>
  4. function mostrar(enlace, capa) {
  5. textos = document.getElementById(capa);
  6. textos.style.display = (textos.style.display == 'block') ? 'none' : 'block';
  7. enlace.innerHTML = (enlace.innerHTML == 'x') ? 'read more' : 'x';
  8. } 
  9. </script>
  10. </head>
  11. <body>
  12. <div id="capas">
  13. Bloque1 [<a href="#" onclick="mostrar(this,'oculto1'); return false" />leer mas</a>]<br />
  14. <div id="oculto1" style="display:none">
  15. Este es el contenido de bloque1
  16. </div>
  17.  
  18. <br />
  19. Bloque2 [<a href="#" onclick="mostrar(this,'oculto2'); return false" />leer mas</a>]<br />
  20. <div id="oculto2" style="display:none">
  21. Este es el contenido de bloque2
  22. </div>
  23. </div>
  24. </body>
  25. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 25/04/2010, 15:46
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: No me funciona el código repetido
Ya lo he organizado un poco, y lo he probado y no se me abren los bloques, lo he puesto así, a ver si he cometido algun error:

Código HTML:
<div id="capas">
<a href="#" onclick="mostrar(this,'oculto1'); return false" />22 de Marzo del 2010</a><br>
<div id="oculto1" style="display:none">
<center>
Fotos ensayo
<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" />
	<ZoomImage src="fotosensayos/21-3-10/5.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>
<br />
<a href="#" onclick="mostrar(this,'oculto2'); return false" />17 de Abril del 2010</a><br>
<div id="oculto2" style="display:none">
<br><center><span style="color: #FFFFFF" size="10">
Fotos ensayo
<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" />
	<ZoomImage src="fotosensayos/17-4-10/8.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>
</div>
</div>
__________________
Diseño portadas para discos, interesados contactad conmigo.
  #4 (permalink)  
Antiguo 26/04/2010, 04:36
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: No me funciona el código repetido
Hola

Te he marcado, los cierres de div que has de eliminar

Cita:
<div id="capas">
<a href="#" onclick="mostrar(this,'oculto1'); return false" />22 de Marzo del 2010</a><br>
<div id="oculto1" style="display:none">
<center>
Fotos ensayo
<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" />
<ZoomImage src="fotosensayos/21-3-10/5.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>
<br />
<a href="#" onclick="mostrar(this,'oculto2'); return false" />17 de Abril del 2010</a><br>
<div id="oculto2" style="display:none">
<br><center><span style="color: #FFFFFF" size="10">
Fotos ensayo
<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" />
<ZoomImage src="fotosensayos/17-4-10/8.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>
</div>
</div>
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 26/04/2010, 06:53
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: No me funciona el código repetido
He probado a borrarlos todos pero hay muchos divs que me marcaste que son de la aplicación java que es donde se ven las fotos y cosas por el estilo que vienen de atrás, como las columnas. Aún así he borrado algunos, y ahora por lo menos los textos se ven en columnas. Pero sigue sin aparecer el texto y la aplicación cuando abres el link. Gracias por vuestra ayuda.
__________________
Diseño portadas para discos, interesados contactad conmigo.
  #6 (permalink)  
Antiguo 27/04/2010, 01:22
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: No me funciona el código repetido
Ya solucioné el problema, tenía un error con el script. Gracias por ayudarme, saludos
__________________
Diseño portadas para discos, interesados contactad conmigo.

Etiquetas: repetido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 13:52.