El código JS del Tooltip genera problemas y errores. | Resuelto.

Dom Mayo 06, 2018 5:31 pm

¡Hola!

Estaba siguiendo este tutorial porqué quería algo similar en mi foro, pero genera problemas y conflictos con los otros javascripts que tengo instalados. Nada más de instalar el código que proporciona Roshio en el tutorial, todos los demás javas se echan a perder.

Código:: (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:0, tip_fade_speed:400, attribute:"title" }); }); })(jQuery);

Así también, cuando lo había instalado antes (pero lo borré después debido a lo mismo: causaba conflictos con los otros javascripts) sólo aplicaba para ciertos enlaces. Supongo que se debe a que dice $("a[title]").style_my_tooltips({ y no $("[title]").style_my_tooltips({, pero yo no soy un experto en JavaScript. De todas maneras, quería pedirles ayuda con respecto a este código para que, al momento de instalarlo, no causa ningún tipo de problema y se pueda apreciar correctamente la ventana emergente.

¡Saludos! El código JS del Tooltip genera problemas y errores. | Resuelto. 3518859213

El código JS del Tooltip genera problemas y errores. | Resuelto. 3518859213

Lun Mayo 07, 2018 11:38 am

Buenas, Antagonist

Antes que todo, me gustaría preguntar si tu foro es Modernbb o Phpbb (?) El código JS del Tooltip genera problemas y errores. | Resuelto. 3728603767

El código JS del Tooltip genera problemas y errores. | Resuelto. 3728603767

Lun Mayo 07, 2018 12:25 pm

¡Hola Athenea! La versión del foro es phpBB3.

Lun Mayo 07, 2018 12:47 pm

No había visto el código de Roshio, con ese JS siempre he usado este complemento en el template de overall_header y nunca me ha dado problemas

Código:: <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>

Lo único que veo es que con este código pierdes algunos elementos como el delay, fade y follows cursor así que lo deberás configurar en el CSS, no se si agregándolos a ese JS que te pase sirva o cause otro conflicto

Lun Mayo 07, 2018 1:36 pm

¡Hola Tsukirii! Instalé el código que proporcionas en el overall_header, así como indicaste, pero no hace ninguna clase de efecto o modificación. Tengo el CSS del tutorial de Roshio dentro del stylesheet, pero lo mismo: no hace nada. ¿Hay que hacer otra cosa?

Lun Mayo 07, 2018 2:05 pm

El código JS del Tooltip genera problemas y errores. | Resuelto. 5289087

me pasas la URL de tu foro? a ver si marca algun error, mientras veo que mas te pueda faltar

Mejor te pongo todo lo que yo hago, aclaro que no tengo los codigos de Roshio y me dio pena postear para comparar las cosas asi que sera mejor no combinar como lo hacer Roshio y como lo hago yo, no vaya a haber algun conflicto

Esto va en overall_header, recuerda que tiene que ir entre los tags de head

Código:: <script defer="defer" src="https://cdn.rawgit.com/Tsukirii/Creative-Kingdom/46a3d198/tooltip.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>

Yo lo pongo justo antes de este selector

Código::

El host donde tengo el script es muy estable así que puedes usar el mismo link sin problemas

Y en el apartado de css este codigo

Código:: #s-m-t-tooltip{ background:#222; box-shadow:2px 2px 0 rgba(0,0,0,.15); z-index:10; border-radius:2px; padding:5px; margin:-5px 0 0 30px; max-width:250px; color:#eee; font-family:Montserrat; font-size:7px; line-height:16px; text-transform:uppercase; letter-spacing:1px }

Ya solo es que lo personalizes como lo necesites

Lun Mayo 07, 2018 2:08 pm

Ahí está, entre balizas hide. También me acabo de fijar que ese JavaScript elimina las opciones del recuadro de respuesta rápida, ocultándolas, ¡qué meollo! Aun así, ahí tienes el enlace al foro para examinar qué sucede. ¡Gracias de antemano!

Lun Mayo 07, 2018 2:42 pm

Tras la edición de Tsukirii, ¡el código sí funciona! Así que daré el tema por resuelto.

De nuevo, cielo, ¡muchísimas gracias! El código JS del Tooltip genera problemas y errores. | Resuelto. 1862881652

El código JS del Tooltip genera problemas y errores. | Resuelto. 1862881652

Lun Mayo 07, 2018 2:45 pm

De nada <3 un placer ayudar

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

El código JS del Tooltip genera problemas y errores. | Resuelto.