Automatic hyperlinks inside a text block

Question

hi,
I'm doing page with multiple pop-ups that each contain an information paragraph with adress, phone numbers and email adresses...
Is it possible to have all email adresses automatically converted to hyperlinks??
thanks, j

Answer 1

Another option is to use a reg expression to detect static email references and filter them out (ie find a match) among target selector; then replace it with a live email vesion.
http://www.joe-stevens.com/2010/02/18/convert-all-static-text-email-addresses-to-mailto-li nks-using-jquery/
So as per example in the above link reference, your solution would be something like this (place in compositionReady event handler
//////// copy to compositionReady /////////
var regEx = /(\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)/;
    $("div").filter(function() {
        return $(this).html().match(regEx);
    }).each(function() {
        $(this).html($(this).html().replace(regEx, "<a href=\"$1mailto:$1\">$1</a>"));
//////////end copy//////////////////
Note - the only change I made to the orginal authors script is the element selector reference. The default tag selector in Edge Animate is div so that is what I used.
If you have other tag slectors to filter from you will need to chain it into the matched selects.
hth
Darrell