Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje04-10-2008, 02:34 (UTC)    
Título del mensaje: Leer mas

Hola, quiero saber como puedo ocultar en la web un trozo de texto para que luego me aparezca al pinchar en algun sitio, se que hay un codigo de spoiler y lo he probado pero deja un boton muy feo que en la web queda un poco mal. Yo queria algo asi:



Y que al pinchar en leer mas, apareciera el texto que he ocultado, osea canviar el boton del spoiler por "leer mas"

Se puede hacer?
Mensaje04-10-2008, 03:45 (UTC)    
Título del mensaje:

Este es el codigo.....

Código:
<div class="pre-spoiler"> <span style="float:left; padding-top: 2px;">TEXTO QUE SE VE</span> <input type="button" value="Ver más" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver más';}"> </div> <div> <div class="spoiler" style="display: none;">TEXTO QUE VA ESCONDIDO</div> </div>


Espero que te sirva.....
Acuerdate pegar con html activado!!!!

saludos.
Mensaje04-10-2008, 05:00 (UTC)    
Título del mensaje:

ipahuechuraba escribió:
Este es el codigo.....

Código:
<div class="pre-spoiler"> <span style="float:left; padding-top: 2px;">TEXTO QUE SE VE</span> <input type="button" value="Ver más" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver más';}"> </div> <div> <div class="spoiler" style="display: none;">TEXTO QUE VA ESCONDIDO</div> </div>


Espero que te sirva.....
Acuerdate pegar con html activado!!!!

saludos.


Gracias pero se sigue viendo el boton ese gris y en la web queda un poco mal...:



Lo que yo queria era poner la frase Leer mas y al pinchar en ella saliera el texto oculto, es lo mismo que ese codigo pero sin el boton...
Mensaje04-10-2008, 05:17 (UTC)    
Título del mensaje:

Puedes quitar las propiedades del botón en el type="buttom" y quitar las líneas de borde con style="border:0px;". En fin el code quedaría asi:

Código:
<div class="pre-spoiler"><span style="float: left; padding-top: 2px;">TEXTO QUE SE VE</span> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver m&aacute;s';}" style="border: 0px none ; margin: 0px; padding: 0px; width: 80px; font-size: 10px;" value="Ver m&aacute;s" /></div>
<div>
<div style="display: none;" class="spoiler">TEXTO QUE VA ESCONDIDO</div>
</div>


Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group