A veces no me funciona el SPOILER

  • Autor Autor Das Underground
  • Fecha de inicio Fecha de inicio
D

Das Underground

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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...
 
pone el codigo del bbcode que tenes y veamos si tiene algun error
 
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.

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...
 
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.

PHP:
input type="button" value="Show"

PHP:
this.value = 'Show';

Modificado:

PHP:
input type="button" value="Ver"

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:

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>

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 😉
 
no entendi.. podrian poner una imagen de los spoilers posteados..

a mi me queda
y yo kiero que solo me quede
 
Aquí tienes una imagen del spoiler de Das, está un poquito cambiado el color, pero así quedaría.

 
Depe me dan las gracias xd...
jejeje, me gusto como quedo xd...
 
Atrás
Arriba