Linkificar enlaces http importados desde un texto externo, en swf

[Swivel]

Hola,
hace poco hice este fabuloso tutorial:
http://www.republicofcode.com/tutorials/flash/twitter_widget/

Sirve para crear un feed de los tweets de cualquier usuario y mostrarlos en un timeline diseñado en flash. Y asi cargarlos dinamicamente al ejecutar el swf.
No tuve ningun problema para finalizar el tutorial.

Resulta que mi nivel de actionscript es muy bajo, y al final vi que le faltaba algo muy importante. Resulta que el texto que se muestra en el swf no es linkable cuando hay un enlace..
Es decir, cuando el usuario al que le estamos haciendo un feed, twitea un enlace, en el swf aparece como texto plano http://la_direccion_que sea.com pero al hacer click encima no se abre ninguna ventana.

Estuve mirando en la red, y encontre un codigo especifico para este asunto, pero era javascript, y venia a ser algo asi:

Código:

String.prototype.linkify_tweet = function() {
    var tweet = this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/g, function(url) { 
        var wrap = document.createElement('div');
        var anch = document.createElement('a');
        anch.href = url;
        anch.target = "_blank";
        anch.innerHTML = url;
        wrap.appendChild(anch);
        return wrap.innerHTML;
    });
    tweet = tweet.replace(/(^|\s)@(\w+)/g, '$1@<a href="http://www.twitter.com/$2" target="_blank">$2</a>');
    return tweet.replace(/(^|\s)#(\w+)/g, '$1#<a href="http://search.twitter.com/search?q=%23$2" target="_blank">$2</a>');
 };

sacado de http://snipplr.com/view/45124/

Claro que yo necesito este codigo en actionscript 3. Espero haberme explicado correctamente,
Realmente necesito ayuda. Muy agradecido de antemano.
Saludos

[Bandit]

Hola Swivel:
Para mostrar el texto externo utiliza éste código:

Código actionscript:

var external:URLRequest=new URLRequest("nombre.txt");
var externalloader:URLLoader = new URLLoader();
externalloader.load(external);
externalloader.addEventListener(Event.COMPLETE, mostraTexto);
function mostraTexto(event:Event):void {
 miTexto.htmlText=event.target.data;
}
 

Coloca un campo de texto dinámico con nombre de instancia: miTexto.
El archivo .txt edítalo con los tag del HTML
Ejemplo: <a href="http://www.google.com.pe">GOOGLE</a>

Espero haberte sido de ayuda.

[Swivel]

Ese codigo parece muy bueno. Gracias.
El problema es que yo no puedo editar el texto externo. Es un xml que proviene de twitter:

http://twitter.com/statuses/user_timeline.xml?screen_name=nombre_de_usuario

Ademas, yo ya consigo cargar el texto sin problema. Ya realice el tutorial del twitter widget cuyo enlace a el mismo lo puse al principio de mi anterior post.

El unico problema es que cuando el usuario del twitter publica un enlace en su mensaje: el enlace no es clicable. Al clicar sobre el no se abre ninguna ventana.

Gracias Bandit, o tu no me has entendido a mi, o yo no te he entendido a ti.

[Swivel]

Basicamente, lo que creo que necesito es una funcion que me lea el status de la cuenta de twitter, por ejemplo:
http://twitter.com/statuses/user_timeline.xml?screen_name=Swivel
, y que alla donde dice <status><text>... (que es el tweet) cuando se encuentre algo que empiece por "http://" que lo reemplace en la carga del texto dinamico por un enlace. El problema es q no conozco bien el codigo actionscript. Por eso agradeceria que hubiera alguien que me lo explicara o en el caso de q entienda de que estoy hablando me envie un tutorial o alguna respuesta ya explicada paso a paso.
Gracias

[Swivel]

A ver estoy seguro que esto se hace con la funcion: replace() pero no tengo mucha idea de la sintaxis. Solo quiero que recoja el patron de texto http://.... recogido desde el xml
y lo renderice cambiandolo por <a href="http://...>http://...</a>

este es mi codigo por quien le sea util para ayudarme:

import flash.events.Event;
import flash.net.URLLoader;

var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("http://twitter.com/statuses/user_timeline.xml?screen_name=Swivel"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
function processXML(e:Event):void{
var myXML:XML = new XML(e.target.data);
trace(myXML.status[0].text);
tweet_1.text = myXML.status[0].text;
tweet_2.text = myXML.status[1].text;
tweet_3.text = myXML.status[2].text;
tweet_4.text = myXML.status[3].text;
tweet_5.text = myXML.status[4].text;
tweet_6.text = myXML.status[5].text;
tweet_7.text = myXML.status[6].text;
}

[Swivel]

Voy a insistir una vez mas, para que alguien pueda ayudarme de una vez.
A ver, para quien entienda de actionscript:
así funciona la funcion replace:

Código Actionscript:

var str:String = "AS3 rocks!";
var search:String = "AS3";
var replace:String = "Actionscript 3";
 
function strReplace(str:String, search:String, replace:String):String {
 return str.split(search).join(replace);
}
 
trace(strReplace(str, search, replace)); //Outputs Actionscript 3 rocks!
 

El problema es que en mi caso, el String tengo que recogerlo, pongamos desde:

tweet_1.text = myXML.status[0].text;

tweet_1.text es el nombre de instancia (de una caja de texto dinamica) que indican que el tweet (myXML.status[0].text; debe cargarse alli.

Por ejemplo, intuitivamente, sin tener mucha idea, a mi se me ocurre que deberia hacerse asi:

Código Actionscript:

import flash.events.Event;
import flash.net.URLLoader;
 
var myXMLLoader:URLLoader = new URLLoader(); 
myXMLLoader.load(new URLRequest("http://twitter.com/statuses/user_timeline.xml?screen_name=Swivel"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
 
function processXML(e:Event):void{
var myXML:XML = new XML(e.target.data);
trace(myXML.status[0].text);
tweet_1.text = myXML.status[0].text;
var str:String = myXML.status[0].text;
var search:String = "http://";
var replace:String = "<a href='http://*'>http://*</a>";
function strReplace(str:String, search:String, replace:String):String {
return str.split(search).join(replace);
}
 

Pero claro esta, no funciona, porque asi no esta bien.

Alguien puede echar una mano?? Realmente llevo buscando esto durante mucho rato. No existe ninguna ayuda en la red!
Gracias

[ocesitaro]

¿ y cuál es el problema de ennviar el elace desde el xml?

[Swivel]

pues que en el XML los enlaces aparecen en texto plano. Sin poderse clicar. Y no se puede cambiar. Es un XML servido desde URL: http://twitter.com/statuses/user_tim...en_name=Swivel

Yo querria tener los enlaces...(los necesito vaya) asi:

http://www.porejemplo.com

Necesito hacer el reemplazo con el codigo actionscript que sea necesario, o mas bien, añadirle la etiqueta de enlace <a href="etc...> cuando importe el codigo del xml al swf.

Pero no se hacerlo! Alguna ayuda? Gracias!

[Bandit]

Si los enlaces te salen en texto plano es porque tú estás usando el nombre de instancia de la caja de texto en el código así: tweet_1.text, si quieres que parezca como un link deberías de esribirlo así: tweet_1.htmlText

Espero haberte sido de ayuda.

[Swivel]

Mi problema todavia no esta arreglado, pero gracias Bandit!
Hubiera necesitado justo eso que me ofreces, despues de solucionar mi pequeño problema!

He entendido que gracias a .htmlText los tags <a href="http://www...> pasan a renderizarse como enlaces clicables.
Pero actualmente yo, no tengo tags <a href="...> en mi new URLRequest, sino enlaces asi tal cual: http://....(sin el <a href="...>):
http://twitter.com/statuses/user_tim...en_name=Swivel
si lo abres veras que los tweets que estoy publicando en este swf (los tweets tardan en cargarse unos segundos):
http://alexmolinarico.com/swf_projec...ter_Widget.swf
que he subido a mi pagina web como ejemplo para que lo veas, No son clicables.
Por eso necesito el codigo que lea los http://blabla.com y los reemplace en <a href="http://blabla.com">http://blabla.com</a>

Y eso sera todo lo que necesite, supongo!!
Gracias!

[Swivel]

Bueno, como esto es importante... sigo buscando soluciones. Pero esta la cosa dificil.

He encontrado este package en un post titulado: "Twitter Tweet String Encode Entity Utility"
http://snipplr.com/view/50732/

Código as3:

package {
    /**
     * @author Ninjaparade
     */
    public class TwitterStringUtil
    {
        public static function encodeTwitterString(tweet : String) : String
        {
            var twitterHash : RegExp = /(\#[a-zA-Z0-9_%]*)/g;
            var twitterUser : RegExp = /(\@[a-zA-Z0-9_%]+)/ig;
            var twitterLink : RegExp = /(https?:\/\/)?(www\.)?([a-zA-Z0-9_%]*)\b\.[a-z]{2,4}(\.[a-z]{2})?((\/[a-zA-Z0-9_%]*)+)?(\.[a-z]*)?/g;
            var str : String = tweet;
            var arr : Object = str.match(twitterLink);
 
            if (arr != null)
            {
                for each ( var s:String in arr ) {
                    str = str.replace(s, encodeURL(s));
                }
            }
            arr = str.match(twitterHash);
            if (arr != null)
            {
                for each (var k : String in arr) {
                    str = str.replace(k, replaceHashtoURL(k));
                }
            }
            arr = str.match(twitterUser);
            if (arr != null)
            {
                for each (var j : String in arr) {
                    str = str.replace(j, replaceURL(j));
                    // str = "<a href = \"http://www.twitter.com/" + j.substr(1, j.length) + "\" " + "target=\"_blank\">" + j + "</a>";
                }
            }
            return str;
        }
 
        public static function searchTwitterHash(value : String) : String
        {
            var pattern : RegExp = /(\#[a-zA-Z0-9_%]*)/g;
            var str : String = value;
            var arr : Object = value.match(pattern);
 
            // if(arr != null) {
            for each ( var s:String in arr ) {
                str = str.replace(s, replaceHashtoURL(s));
                // }
            }
            return str;
        }
 
        public static function searchTwitterUser(value : String) : String
        {
            var pattern : RegExp = /(\@[a-zA-Z0-9_%]+)/ig;
            var str : String = value;
            var arr : Object = value.match(pattern);
 
            for each ( var s:String in arr ) {
                str = str.replace(s, replaceURL(s));
            }
            return str;
        }
 
        public static function searchTwitterURL(value : String) : String
        {
            var pattern : RegExp = /(https?:\/\/)?(www\.)?([a-zA-Z0-9_%]*)\b\.[a-z]{2,4}(\.[a-z]{2})?((\/[a-zA-Z0-9_%]*)+)?(\.[a-z]*)?/g;
            var str : String = value;
            var arr : Object = value.match(pattern);
 
            if (arr != null)
            {
                for each ( var s:String in arr ) {
                    str = str.replace(s, encodeURL(s));
                }
            }
            return str;
        }
 
        public static function replaceURL(value : String) : String
        {
            var str : String = "<a href = \"http://www.twitter.com/" + value.substr(1, value.length) + "\" " + "target=\"_blank\">" + value + "</a>";
            return str;
        }
 
        public static function replaceHashtoURL(value : String) : String
        {
            var str : String = "<a href = \"http://twitter.com/#search?q=%23" + value.substr(1, value.length) + "\" " + "target=\"_blank\">" + value + "</a>";
            return str;
        }
 
        public static function encodeURL(value : String) : String
        {
            var str : String = "<a href = " + "\"" + value + "\" " + "target=\"_blank\">" + value + "</a>";
            return str;
        }
    }
}
 

Al parecer sirve para lo que necesito. Pero no se usar los packages, y si mi codigo actual es:

Código as3:

import flash.events.Event;
import flash.net.URLLoader;
 
var myXMLLoader:URLLoader = new URLLoader(); 
myXMLLoader.load(new URLRequest("http://twitter.com/statuses/user_timeline.xml?screen_name=Swivel"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
 
function processXML(e:Event):void{
var myXML:XML = new XML(e.target.data);
 
tweet_1.text = myXML.status[0].text;
}
 

Como importaria ese package a mi codigo?
No conozco muy bien este lenguaje, pero si no estoy equivocado estoy a punto de sacar algo de todo esto.

Alguien puede decirme si este package me seria util? y como lo cargo? es decir, no conozco la sintaxis! Se que arriba del codigo tengo que poner:

Código as3:

import TwitterStringUtil;
 

Pero luego ya no se como usar esta clase ni en que parte utilizarla...

gracias gente por vuestra ayuda!!!

[Swivel]

GENTE ya se pueden olvidar. Ya lo he solucionado!

Ah se me olvidaba, aqui teneis mi codigo final por si alguien esta tan perdido como yo lo estaba...


import flash.events.Event;
import flash.net.URLLoader;

var t:TwitterStringUtil; new TwitterStringUtil();
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("http://twitter.com/statuses/user_timeline.xml?screen_name=Swivel"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML(e:Event):void{
var myXML:XML = new XML(e.target.data);
var pattern:RegExp = /[^"|^>](http:\/\/+[\S]*)/;
var str:String = myXML.status[0].text;
var newstr = str.replace(pattern, ' <font color="#04717D"><a href="$1">$1</a></font>');
tweet_1.htmlText = newstr;


De nada.............................................. .................................................. ..

[ocesitaro]

buena con las expresioens regulares, ubieses comenzado pro eso

[Swivel]

No conocia el nombre de estas expresiones, hasta que encontre la solución mientras buscaba como cargar los packages.
Por eso la linea:
var t:TwitterStringUtil; new TwitterStringUtil(); del anterior codigo sobra.
Thx.