Flash ToolTip

Hace mucho en el desarrollo de un web en flash tuve la necesidad de utilizar un ToolTip y bueno me di la tarea de buscar uno ya hecho para ahorrarme el tiempo del desarrollo, bueno pues ahora quiero compartir con ustedes esta información.

El código fuente original lo puedes descargar aquí. Ahora veamos los ejemplos de uso del mismo. Para haces uso del tooltip primero debemos copiar el componente tooltip al Stage de nuestro flash. Luego configuramos los parámetros del componente los cuales son:

  • nombre: será el nombre de instancia del tooltip.
  • color: es el color de fondo del tooltip.
  • color_texto: es el color de las letras.

tooltip.gif

Para mostrar el tooltip debemos llamar a la función mostrar y si deseamos eliminar el tooltip la función ocultar. Entonces si tenemos un movieclip llamado bt1 y queremos asignarle el tooltip será de la forma.

  1. bt1.onRollOver = function() {
  2.     tooltip.mostrar("Mi primer ToolTip");
  3. }
  4. bt1.onRollOut = function() {
  5.     tooltip.ocultar();
  6. }

Pero no todo queda allí, podemos utilizar tags html para escribir en negritas (b) y también podemos utilizar saltos de línea con \n, veamos los ejemplos:

  1. bt2.onRollOver = function() {
  2.     tooltip.mostrar("Mi ToolTip con <b>Negritas</b>");
  3. }
  4. bt2.onRollOut = function() {
  5.     tooltip.ocultar();
  6. }
  7. bt3.onRollOver = function() {
  8.     tooltip.mostrar("Finalmente\nsaltos de línea.");
  9. }
  10. bt3.onRollOut = function() {
  11.     tooltip.ocultar();
  12. }

Finalmente les dejo el resultado del ejemplo, además del archivo fuente para descargar.

Cargando Flash

Comentarios Total 22 comentarios


Julian Bustos
Publicado: 28/11/2006 4:19 pm

Super genial este componente, muy fácil de programar!!!
No sabe lo mucho que le agradezco…
En mi sitio de internet no he subido nada por ahora… pero me gustan los mismos temas de este blog, nos podriamos ayudar un poco, no???

mi
Publicado: 02/01/2007 9:23 am

LO MEJOR!!! ME SALVASTE, GRACIAS!!!!!!!!!!!! ERA LO QUE ESTABA BUSCANDO, FACIL Y MUY MUY BUENO.

Berny
Publicado: 13/07/2007 9:50 am

Que bueno que esta, lo implemente obteniendo la descripcion de la palabra desde un webservice, no se porque se me esta quedando como sucio y tengo que pasarle dos veces por el mc para que obtenga los datos adecuadamente, ha de ser algo con el llamado al WS seguramente.

Saludos y muuuuuuuuuuuchas gracias

unijimpe
Publicado: 15/07/2007 7:46 am

Seguramente es el tiempo que demora en obtener los datos del WebService, hay un pequeño tiempo que se demora en cargar.

enridp
Publicado: 27/09/2007 2:36 am

Aclarar que necesita ActionScript 2.0
Es raro que hoy en día alguien use al 1.0 en un proyecto nuevo, pero si se está modificando uno viejo creado en 1.0 lamentablemente este componente no servirá.

felipe
Publicado: 03/12/2007 11:17 pm

muy bueno tu truco , hace rato lo estaba buscando; solo tengo un problema… lo hago en una pelicula independiente para despues cargarla en otroa , cuando lo hago en la independiente me sale bien pero cuando lo cargocomo pelicula externa desde otro .swf de sale la viñeta vacia..???

Alberto
Publicado: 11/02/2008 7:22 am

Lo mismo me pasa a mi al insertar el codigo dentro de un clip de película. Crea perfectamente el tooltip pero no muestra el texto.

Luis
Publicado: 04/09/2008 11:32 am

Un problema que tiene el tooltip es que si a un botón le das clic y mantienes presionado (por X razón) y sales del hit del botón el tooltip te seguirá por toda la película a menos que te pongas en otro botón

unijimpe
Publicado: 04/09/2008 10:53 pm

Luis, esto sucede por que no hemos agregado el evento onReleaseOutside, este evento se ejecuta cuando se ha soltado el mouse fuera del botón. Por ejemplo para el botón bt2, el código que debemos agregar es:


bt2.onReleaseOutside = function() {
tooltip.ocultar();
}

Juan
Publicado: 04/10/2008 12:16 pm

Hola… te agradezco por el componente esta excelente lo implementé en una película donde existen dos botones a los extremos y solo me sale el pico en dirección izquierda cuando sitúo el ratón en la derecha el pico sale en la izquierda y no se alcanza a leer el mensaje…

de todos modos muchas gracias….

Roberto
Publicado: 12/11/2008 10:44 pm

Realmente Mut bueno el aporte… auque con unpoco de dificultad al principio .. pero con evento onReleaseOutside se arreglo altiro ..

Gracias unijimpe.. EXELENTE!

Florencia
Publicado: 08/02/2009 4:19 pm

Hola! hace rato q estoy buscando esto y me encanto como aparece! lo unico que me sale el tooltip todo bien pero no me sale el texto… me podrias ayudar porque? Gracias!!!

David Castro
Publicado: 08/04/2009 8:44 am

exelente muy simple, y facil, mi consulta como se podria hacer para extra a cargar un txt, realizar un loadmovie() dentro del tooltip

Gracias

Acevedo Yo
Publicado: 02/12/2009 4:13 am

Una pregunta, precisamente estoy desarrollando algo y esto funciona de peeeeeeeeelos, pero tengo un probemilla, el tool aparece debajo del botón, eso también lo puedo configurar????

Myriam
Publicado: 15/03/2010 8:21 am

necesito arreglar lo del clip de película, no salen las letras. HElP ME!

Maria Noel
Publicado: 11/05/2010 6:15 pm

Gracias, tu explicacion me sirvio un monton.

hahma
Publicado: 31/07/2010 1:14 am

Gracias amigo, lo estoy usando me sirivio.

Muchas gracias.

sole
Publicado: 12/11/2010 7:44 am

Hola, alguien me diria de donde bajar el componente? no los ejemplos, el componente. Gracias.

liz
Publicado: 14/03/2011 12:56 pm

ola no e podido descargar el codigo al igual k el ejemplo podiras ayudarme te lo agradeceria mucho

leonardo
Publicado: 03/04/2011 12:36 pm

hola, quisiera saber en ese componente donde le cambio el color a una sola linea del tooltip

es decir que la primera linea sea un color y cuando yo aplique \n que es un enter que las siguiente linea sea de otro color, ojala me puedan ayudar saludos

unijimpe
Publicado: 03/04/2011 2:19 pm

Leonardo, para ponerle color a una determinada linea de texto puedes utilizar los tags html, en este caso <font>, por ejemplo:

tooltip.mostrar("Mi ToolTip con <font="#CC0000">color rojo<font>");

vanderlof
Publicado: 24/01/2012 11:07 am

Hey, excelente tu ACS!!
Pero yo al parecer tengo un problema. al compilar el proyecto me sale este error:
D:\Creative Group\CD Presentacion – Creative\Swf\Creative\tooltip.as, Línea 18 Los scripts de clase ActionScript 2.0 sólo pueden definir construcciones de clase o interfaz.
No se si es problema de que estoy trabajando en ACS 2.0.
Porq no se si el codigo que pusistes es para ACS 3.0, Y si es asi como puedo adaptarlo al 2.0……
Otro problema que tengo es: que mi boton llama un swf externo, y cuando pongo el mouse encima me sale bien el tooltip pero si hago click y aparece mi swf al momento de cerrar este mismo, pongo de nuevo el mouse sobre el boton, ya no aparece el tooltip…
please ayudame con estos puntos muchas gracias…

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)