¡Hola gente de MyBB-Es! Vengo aqui con una nueva duda y es que me esta comiendo realmente la cabeza. Tengo un spoiler en mi foro el cual muestra su contenido al hacer click en el texto "Mostrar" u oculta al hacer click en el texto "Ocultar". Lo que yo quiero hacer es que esto cambie y se deba hacer click en la parte de arriba del spoiler para que cumpla su función, es decir, la barra que muestra el nombre del spoiler y tal.
El codigo es el siguiente.
Espero su respuesta, muchas gracias.
El codigo es el siguiente.
Código:
<div id="spoiler"><div style="width: 95%; min-height: 25px; padding: 3px; padding-top: 7px; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; font-size: 1.0em; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin-top: 2px; margin-bottom: 2px;"><div style="margin-bottom: 3px; font-size: 1.0em; font-weight: bold; display: block;"><span 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.innerHTML = '<b>$1 </b><a href=\'#\' onClick=\'return false;\'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>$1 </b><a href=\'#\' onClick=\'return false;\'>Mostrar</a>'; }" /><b>$1 </b><a href="#" onClick="return false;">Mostrar</a></span></div><div class="quotecontent"><div style="display: none; padding-top: -10px; padding-bottom: -10px;">$2</div></div></div></div>Espero su respuesta, muchas gracias.
Última modificación: 9 Apr, 2014, 3:29 am por metonator.
podrias intenter usar alguno de los que dejaron en el foro...
[Mycode] Spoiler TIpo phpBB3
se ve asi:
![[Imagen: cpWn3d4RB5KAwzzI_3zn.png]](http://vvcap.net/db/cpWn3d4RB5KAwzzI_3zn.png)
![[Imagen: YhXNbUWqB4T9fA048sLi.png]](http://vvcap.net/db/YhXNbUWqB4T9fA048sLi.png)
-------------------------------------------------------------------------------------------------------------
[MyCode] Spoiler tipo Emudesc.Net
se ve asi (los colores se cambian en el CSS):
![[Imagen: Wh3VbNxL2x9SRQkDaeNS.png]](http://vvcap.net/db/Wh3VbNxL2x9SRQkDaeNS.png)
![[Imagen: 7mnMvQfQVBXjnAY9KMWS.png]](http://vvcap.net/db/7mnMvQfQVBXjnAY9KMWS.png)
[Mycode] Spoiler TIpo phpBB3
se ve asi:
-------------------------------------------------------------------------------------------------------------
[MyCode] Spoiler tipo Emudesc.Net
se ve asi (los colores se cambian en el CSS):
Esos se muestran tal cual el mio, se debe hacer click en un botón o texto, disculpa si me exprese mal anteriormente. Quiero que en vez de hacer eso, se muestre al hacer click en cualquier lugar de la barra del spoiler.
Revivo el tema luego de 24 horas+, necesito soporte urgente, abrire mi web mañana.