• 0
  • 3 RepliesReplies
  • 4366 ReadTimes Read
  • 3 PointsPoints

Topic: Actualizar BBC Spoier

no avatar
Usuario: nodensdorian
Rango: Nuevo Usuario
Mensajes: 207
Points: 27
Mi web: http://www.ardiforos.com.ar/
Perfil: View Profile
Actualizar BBC Spoier
September 06, 2013 - 12:01 00:01
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:

Quote from: 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 bbcode

Bueno, 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.html
http://custom.simplemachines.org/mods/index.php?mod=2330

Y pude ver que se diferencian en algunas cosas:

En sourcedir/Subs.php
SMFS bbc spoiler
Code: [Select]
array(
'tag' => 'spoiler',
'before' => '<div class="spoiler_head">'.$txt['spoiler'].'</div><div class="spoiler_body">',
'after' => '</div>',
'block_level' => true,
),


Spoiler bbcode
Code: [Select]
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,
            ),

Code: [Select]
// 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.

You do not have permission to give points
point 3 Points

Users who gave points in this topic » 4kstore (3 Pts) 

Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re:Actualizar BBC Spoier
Reply #1 October 08, 2013 - 04:49 16:49
Estoy trabajando en esto, por favor si tienene mas sugerencias hablen ahora o callen hasta la próxima actualizacion jajaj
Abrazo

no avatar
Usuario: nodensdorian
Rango: Nuevo Usuario
Mensajes: 207
Points: 27
Mi web: http://www.ardiforos.com.ar/
Perfil: View Profile
Re:Actualizar BBC Spoier
Reply #2 October 08, 2013 - 06:32 18:32
Jaja, por mi parte no 4Kstore, el título del spoiler y el botón que cambia sólo de Mostrar a Ocultar, es en mi opinión, todo lo que tendría que tener el spoiler, más el efecto toggle del jquery por supuesto, que es lo que lo la hace totalmente distinto a otros mods. Muchas gracias 4K por esta actualización! Ánimos!

Abrazos!

Usuario: EduardO
Rango: Nuevo Usuario
Mensajes: 875
Points: 15
Mi web: http://www.gamerzperu.com/
Perfil: View Profile
Pais:
pe
Re:Actualizar BBC Spoier
Reply #3 October 09, 2013 - 06:01 06:01
Comparto la idea con nodensdorian, deberias de implementar mas efectos y con jquery. No se mucho sobre esto, pero deberia ser una version nueva y con novedades ;)

Saludos!

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines