La duda que tengo es la siguiente: Tengo un foro phpbb3, en el cual quiero poner un Spoiler personalizado, y este está en java (ya que el boton está separado del contenedor y demás).
El caso es que no se como hacer para que la id del spoiler cambie sola, y cuando posteo 2 spoilers, se me abre y cierra el primero, tanto pulses el 2 o el 1 siempre reacciona el primero.
He provado al crear el BBCODE haciendo la prueba de este modo:
[spoiler={ID}]{TEXTO}[/spoiler]
El caso es que así no funciona... a ver si me podeis hechar una mano. Aquí dejo el código completo:
Código:
<div style="display:table; table-layout:fixed;width:100%; ">
<div style="display:table-row;">
<div style="background-image: url('Spoiler/eis.png');display:table-cell; width:18px;height:54px;"></div>
<div style="background-image: url('Spoiler/sup.png');display:table-cell; background-repeat:repeat-x;"><span style="float:left;padding-bottom:16px;padding-left:40%;" onclick="mostrar(this,'SPOILER'); return false"><img src="Spoiler/mostrar.png" border="0"/></span></div>
<div style="background-image: url('Spoiler/eds.png');display:table-cell; width:18px;height:54px;"></div></div>
<div style="display:table-row;">
<div style="background-image: url('Spoiler/li.png');display:table-cell; width:18px; background-repeat:repeat-y;"></div>
<div id="SPOILER" style="display:none; background-color:#496b7a;">{TEXT}</div>
<div style="background-image: url('Spoiler/ld.png');display:table-cell; width:18px; background-repeat:repeat-y;"></div></div>
<div style="display:table-row;">
<div style="background-image: url('Spoiler/eii.png');display:table-cell; width:18px;height:18px;"></div>
<div style="background-image: url('Spoiler/inf.png');display:table-cell;"></div>
<div style="background-image: url('Spoiler/edi.png');display:table-cell;"></div></div>
</div>
Código:
<script type="text/javascript">
function mostrar(enla , etik) {
obj = document.getElementById(etik);
obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';
enla.innerHTML = (enla.innerHTML == '<img src="spoiler/mostrar.png" border="0">') ? '<img src="spoiler/ocultar.png" border="0">' : '<img src="spoiler/ocultar.png" border="0">';
}
</script>
Gracias de antemano
