A veces no me funciona el SPOILER

pone el codigo del bbcode que tenes y veamos si tiene algun error

Iniciado por Das Underground

Bueno, la cosa es que de hace un tiempo, el BB Code Spoiler, no me funciona a veces, o sea sale el botón para mostrar, pero al hacer click no pasa nada.... asi como algunas veces funciona normal, y la verdad no tengo idea que pueda ser...

Saludos...

Existen por lo menos unas 5 variantes o mas del "BBcode Spoiler" pon aqui cual es el que utilizas actualmente y si te sucede con todos los navegadores (IE, Firefox, Opera, etc)

Saludos.

Aqui les dejo el codigo actual que tengo.

Código PHP:

<div>
    <div class="pre-spoiler" style="background-image: url(http://www.chileunder.com/images/greenfox/gradients/tcat_back.gif);">
    <span style="float:left; padding-top: 2px;"></span> <input type="button" value="Ver" 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';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;">{param}</div>
    </div>
</div> 


Esta un poco modificado, pero tambien pasaba con el codigo original, algunas veces funciona algunas veces no, y creo que es solo con el Firefox (uso actualmente el 3.0, pero con los anteriores pasaba lo mismo)

Pienso que puede ser, por el contenido que haya dentro del spoiler como imagenes o otra cosa, algo que me provoque el mal funcionamiento.

Saludos...

Código PHP:

<div style="margin:5px 20px 20px 20px">
    <div class="smallfont" style="margin-bottom:2px"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"></div>
    <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
        <div style="display: none;">
        {param}
        </div>
    </div>
</div> 


Prueba con ese . Si vas a cambiar los nombres de los inputs tambien tendras que cambiarlos en los value. Ej.

Código PHP:

input type="button" value="Show" 


Código PHP:

this.value = 'Show'; 


Modificado:

Código PHP:

input type="button" value="Ver" 


Código PHP:

this.value = 'Ver'; 


Saludos!

Listo, tema solucionado, busque otro spoiler y lo modifique, de dos formas, uno con una imagen, y otro sin imagen:

Código PHP:

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#2c2c2c">
  <tr><td bordercolor="#2c2c2c"><fieldset class="bbfieldset"><legend class="bblegend"><img src="http://i25.tinypic.com/rbwdb9.png"></legend><div>
    <div class="pre-spoiler" style="background-image: url(http://www.chileunder.com/images/greenfox/gradients/tcat_back.gif);">
      <input type="button" value="Ver" 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';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><table width="100%" height="100%" bgcolor="#2c2c2c">
  <tr>
    <td>{param}</td>
  </tr>
</table>
</div>
    </div>
</div></fieldset></td></tr></table> 


Código PHP:

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#2c2c2c">
  <tr><td bordercolor="#2c2c2c"><fieldset class="bbfieldset"><div>
    <div class="pre-spoiler" style="background-image: url(http://www.chileunder.com/images/greenfox/gradients/tcat_back.gif);">
      <input type="button" value="Ver" 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';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><table width="100%" height="100%" bgcolor="#2c2c2c">
  <tr>
    <td>{param}</td>
  </tr>
</table>
</div>
    </div>
</div></fieldset></td></tr></table> 


Ademas de ser mas bonito funciona perfecto...

de todas formas gracias...
:d

Qee buena, usare ese spoiler para mi web, peor lo modificare.
Gracias Das, Osiris y Monito

Iniciado por Tharos

Qee buena, usare ese spoiler para mi web, peor lo modificare.
Gracias Das, Osiris y Monito

Pa eso estamos...

no entendi.. podrian poner una imagen de los spoilers posteados..

a mi me queda [spoiler=lalala] y yo kiero que solo me quede [spoiler]

Aquí tienes una imagen del spoiler de Das, está un poquito cambiado el color, pero así quedaría.

Archivo adjunto 811

A mi me quedo asi miren

Depe me dan las gracias xd...
jejeje, me gusto como quedo xd...