Hola a todos! Bueno, la idea es actualizar este mod, el
SMFS BBC spoiler v1, pero manteniendo el efecto deslizante jquery. La idea es agregarle dos cosas que propusieron los usuarios en el mismo tema de la V1.
1.- Título del spoiler, ej de Elde:
[spoiler= capítulo 10 de X serie] me da mucha pena que muera X persona... [/spoiler]
Claramente lo de "capítulo 10 de X serie" se puede poner fuera del spoiler sin ningún problema, pero así te ahorras mucho espacio en el post y queda mejor aspecto.
2.- Estaría bueno agregarle también que el botón cambie de "Mostrar" cuando está cerrado a "Ocultar" cuando está abierto, como sugerencia.
Similar al mod
Spoiler bbcodeBueno, eso sería nomás. No tengo mucho tiempo para ponerme con esto de lleno, pero de a poco iré revisando los códigos de los mods para ver si puedo sacar algo en limpio. Cualkier ayuda que puedan aportar para esta actualización es bienvenida
Saludos.
--------------Edito----------------------
Bueno, estuve revisando el código de estos dos mods:
http://www.smfsimple.com/index.php/topic,4171.0.htmlhttp://custom.simplemachines.org/mods/index.php?mod=2330Y pude ver que se diferencian en algunas cosas:
En sourcedir/Subs.php
SMFS bbc spoiler array(
'tag' => 'spoiler',
'before' => '<div class="spoiler_head">'.$txt['spoiler'].'</div><div class="spoiler_body">',
'after' => '</div>',
'block_level' => true,
),
Spoiler bbcode array(
'tag' => 'spoiler',
'before' => '<div style="margin:20px; margin-top:5px"><div class="smallfont" style="margin-bottom:2px"><b>' . $txt['spoiler'] . '</b> ' . $txt['spoiler_for'] . ' <i>' . $txt['spoiler_default_for'] . '</i>: <input type="button" value="' . $txt['spoiler_show_button'] . '" style="width:60px;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 = ' . "'$txt[spoiler_hide_button]'" . '; } else { this.parentNode.parentNode.getElementsByTagName(' . "'div'" . ')[1].getElementsByTagName(' . "'div'" . ')[0].style.display = ' . "'none'" . '; this.innerText = ' . "''" . '; this.value = ' . "'$txt[spoiler_show_button]'" . '; }"></div><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display: none;">',
'after' => '</div></div></div>',
'block_level' => true,
),
array(
'tag' => 'spoiler',
'type' => 'unparsed_equals',
'before' => '<div style="margin:20px; margin-top:5px"><div class="smallfont" style="margin-bottom:2px"><b>' . $txt['spoiler'] . '</b> ' . $txt['spoiler_for'] .' <i>$1</i>: <input type="button" value="' . $txt['spoiler_show_button'] . '" style="width:60px;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 = ' . "'$txt[spoiler_hide_button]'" . '; } else { this.parentNode.parentNode.getElementsByTagName(' . "'div'" . ')[1].getElementsByTagName(' . "'div'" . ')[0].style.display = ' . "'none'" . '; this.innerText = ' . "''" . '; this.value = ' . "'$txt[spoiler_show_button]'" . '; }"></div><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display: none;">',
'after' => '</div></div></div>',
'block_level' => true,
),
// Disable spoiler if on 'printer friendly page'
$disabled['spoiler'] = true;
Después que el Smfs spoiler usa jquery con "display:none;" en el index.css, mientras que el Spoiler bbcode no usa java.