Página 1 de 1

ayuda con bbcode spoiler

Publicado: 17 Sep 2012, 05:09
por ElSanguinario
hola gente de phpbb-es .. resulta que estube jugando con un bbcode tipo spoiler, y le hice algunas modificaciones... quedo muy bien pero el problema es que ya aparece desplegado, y el boton de despliege dice mostrar estando desplegado pueden crear un tema de prueba en el foro de pruebas de mi foro... en mis datos encontraran el usuario de prueba.
Off Topic

otra cosa que me gustaria tambien seria que el boton de despliege se centrara automaticamente (pero no el contenido del spoiler) ya que he probado pero se me centra todo tanto el contenido como el boton de despliege..
dejo el estado del bbcode.
uso:

Código: Seleccionar todo

[spoiler5]{TEXT}[/spoiler5]
reemplazo html:

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 12px;"></span> <input type="button" value="Mostrar" 

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 = 'Mostrar';}">
	</div>
	<div>
                 <div class="spoiler" ; style="margin-bottom: 10px; background: #FFFFFF; padding: 6px; height:auto; border: 2px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; alt="" style="padding-right: 6px; vertical-align: middle;"><b></b>{TEXT}</div>
	</div>
</div>
no se muy bien en que me equivoque o que pase por alto...
gracias de antemano saludos gente feliz lunes :jaja: na mentira me voy a dormir debo madrugar je :mrgreen:

Re: ayuda con bbcode spoiler  Tema Solucionado

Publicado: 17 Sep 2012, 05:56
por towen
Prueba con este remplazo html:

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 12px;"></span> <input type="button" value="Mostrar" 

style="margin: 0 45%; width:80px;font-size:10px;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 = 'Mostrar';}">
	</div>
	<div>
                 <div class="spoiler" ; style="display:none; margin-bottom: 10px; background: #FFFFFF; padding: 6px; height:auto; border: 2px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; alt="" style="padding-right: 6px; vertical-align: middle;">{TEXT}</div>
	</div>
</div>

Re: ayuda con bbcode spoiler

Publicado: 17 Sep 2012, 07:45
por ElSanguinario
wow perfecto gracias grosoooo :bravo: :cerveza: si quieres puedes compartirlo quedo muy bien :bravo: luego compatire algunas cosas que he estado creando :ok: ............. doy por solucionado gracias Kazekage