Flash ToolTip

  • 21/10/2006
  • 7:10 am
  • unijimpe

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.

Actionscript:
  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:

Actionscript:
  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

Posts Relacionados

Total de Comentarios: 10

Publicidad
Julian Bustos
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
02/01/2007
9:23 am

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

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

Enviar Comentario

(*)

(*)