Ejecutar acciones actionscript en enlaces de texto con AS3

Posted by admin | AS3,Trucos | Monday 26 February 2007 12:21 am

En AS3 es posible, de forma fácil, ejecutar acciones actionscript cuando el usuario clica sobre un enlace dentro de un campo de texto HTML de nuestra web. Esto lo conseguimos gracias al protocolo de detección de eventos de AS3.

Por ejemplo, este sería la forma típica de añadir un enlace externo a un campo de texto dinámico:

Actionscript:
  1. texto.htmlText = "Troiae qui <a href='http://www.cristalab.com'>primus</a> ab oris Italiam, fato profugus, Laviniaque venit litora, multum ille et terris iactatus et alto vi superum saevae memorem Iunonis ob iram."

Utilizando un detector de eventos lo haríamos de esta manera:

Actionscript:
  1. texto.htmlText = "Troiae qui <a href='event:http://www.cristalab.com'>primus</a> ab oris Italiam, fato profugus, Laviniaque venit litora, multum ille et terris iactatus et alto vi superum saevae memorem Iunonis ob iram"

De manera que no estamos abriendo una URL con el enlace sino que estamos lanzando un evento.

Ahora crearemos un listener que detecte ese evento y ejecute la acción de abrir la URL:

Actionscript:
  1. texto.addEventListener(TextEvent.LINK,clica);
  2. function clica(event:TextEvent){
  3.     var url:String = event.text;
  4.     navigateToURL(new URLRequest(url));
  5. }

De esta manera podemos añadir a esta función las acciones que nos interesen:

Actionscript:
  1. texto.addEventListener(TextEvent.LINK,clica);
  2. function clica(event:TextEvent){
  3.     var url:String = event.text;
  4.     navigateToURL(new URLRequest(url));
  5.     ejecuta_accion();
  6. }

Tambien podemos utilizar los enlaces del texto HTML para ejecutar acciones actionscript dentro de nuestra pelicula flash:

Actionscript:
  1. texto.htmlText = "Troiae qui <a href='event:1'>primus</a> ab oris Italiam, fato <a href='event:2'>profugus</a>, Laviniaque venit litora, multum ille et terris <a href='event:3'>iactatus</a> et alto vi superum saevae memorem Iunonis ob iram"
  2. texto.addEventListener(TextEvent.LINK,clica);
  3. function clica(event:TextEvent){
  4.     var accion:Number = event.text;
  5.     switch (accion) {
  6.     case 1 :
  7.         ejecuta_accion();
  8.         break;
  9.     case 2 :
  10.         ejecuta_otra_accion();
  11.         break;
  12.     case 3 :
  13.         ejecuta_otra_accion_mas();
  14.         break;
  15.     }
  16. }

Post relacinonados:

  1. Texto con enlaces en Flash al estilo HTML
  2. Editar cadenas de texto utilizando expresiones regulares
  3. Lo que yo sé de AS2 #Enlaces, enlaces, millones de enlaces
  4. Texto con scroll a dos columnas en Flash CS3
  5. Añadir acciones a varios eventos

1 Comment »

  1. Comment by Alx — 8 February, 2012 @ 2:46 pm

    Un gran articulo, precisamente necesitaba algo como esto para seguir con la animación en la que se utiliza texto en formato HTML dentro de Flash pero que no queria que me abriera otra ventana sino simplemente ejecutara una accion como desplazarse en la linea del tiempo.

    Muchas gracias!!

RSS feed for comments on this post. TrackBack URI

Leave a comment

Get Adobe Flash playerPlugin by wpburn.com wordpress themes