convertire testo da una textarea in un div

[deejayp]

salve ragazzi.
ho un piccolo problema..

In pratica stò cercando di far visualizzare un testo presente in una textarea all'interno di un div utilizzando la formattazione con i tag BBCODE..
Il problema, come sempre mi esce fuori quando cerco di trasformare i link o le email.

Il codice che inserisco tra gli head è questo:

function leggitextarea() {
    contenuto = document.getElementById('messaggio').value;
    contenuto = contenuto.replace(/\n/g,"
");
    contenuto = contenuto.replace(/\[u\]/g,"<u>");
    contenuto = contenuto.replace(/\[\/u\]/g,"</u>");
    contenuto = contenuto.replace(/\[U\]/g,"<u>");
    contenuto = contenuto.replace(/\[\/U\]/g,"</u>");
    contenuto = contenuto.replace(/\[i\]/g,"");
    contenuto = contenuto.replace(/\[\/i\]/g,"");
    contenuto = contenuto.replace(/\[I\]/g,"");
    contenuto = contenuto.replace(/\[\/I\]/g,"");
    contenuto = contenuto.replace(/\[b\]/g,"");
    contenuto = contenuto.replace(/\[\/b\]/g,"");
    contenuto = contenuto.replace(/\[B\]/g,"");
    contenuto = contenuto.replace(/\[\/B\]/g,"");

contenuto = contenuto.replace(/\^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$/g,"$1");

contenuto = contenuto.replace(/^http:\/\/(?:[A-Za-z0-9.]{2,5}\.)?\/watch\?v=([0-9A-Za-z-_]{11})$/g,"$1");

document.getElementById("anteprima").innerHTML= contenuto;
}

e questo nel BODY

<TEXTAREA name="messaggio" cols="80" rows="10"></TEXTAREA>
<input type="button" value="anteprima" onclick="leggitextarea();">
<span id="anteprima"></span>

Premetto che per gli url e le email il riconoscimento dovrebbe funzionare solo se l'utente scrive:

http://www.nomesito.it

info@miosito.it

mi potete aiutare a capire come mai, così come l'ho impostato non mi riconosce questi ultimi due..??

[deejayp]

ragazzi nessuno riesce ad aiutarmi !?

[deejayp]

salve ragazzi..
nell'attesa di qualche vs risposta, ho cercato di risolvere il problema..

function leggitextarea() {
contenuto = document.getElementById('messaggio').value;
    contenuto = contenuto.replace(/\n/gi,"
");
    contenuto = contenuto.replace(/\[u\]/gi,"<u>");
    contenuto = contenuto.replace(/\[\/u\]/gi,"</u>");
    contenuto = contenuto.replace(/\[i\]/gi,"");
    contenuto = contenuto.replace(/\[\/i\]/gi,"");
    contenuto = contenuto.replace(/\[b\]/gi,"");
    contenuto = contenuto.replace(/\[\/b\]/gi,"");
    contenuto = contenuto.replace(/\[highlight\]/gi,"<span style='background-color: red;'>");
    contenuto = contenuto.replace(/\[\/highlight\]/gi,"</span>");
    contenuto = contenuto.replace(/\[hr\]/gi,"<hr width='90%' size='1' noshade>");
    contenuto = contenuto.replace(/\*20/g,"[img]../img/20.gif[/img]");
    contenuto = contenuto.replace(/\*21/g,"[img]../img/21.gif[/img]");
    contenuto = contenuto.replace(/\*22/g,"[img]../img/22.gif[/img]");
    contenuto = contenuto.replace(/\*23/g,"[img]../img/23.gif[/img]");
    contenuto = contenuto.replace(/\*24/g,"[img]../img/24.gif[/img]");
    contenuto = contenuto.replace(/\*25/g,"[img]../img/25.gif[/img]");
    contenuto = contenuto.replace(/\*26/g,"[img]../img/26.gif[/img]");
    contenuto = contenuto.replace(/\*27/g,"[img]../img/27.gif[/img]");
    contenuto = contenuto.replace(/\*28/g,"[img]../img/28.gif[/img]");
    contenuto = contenuto.replace(/\*29/g,"[img]../img/29.gif[/img]");
    contenuto = contenuto.replace(/\*30/g,"[img]../img/30.gif[/img]");
    contenuto = contenuto.replace(/\*31/g,"[img]../img/31.gif[/img]");
    contenuto = contenuto.replace(/\*32/g,"[img]../img/32.gif[/img]");
    contenuto = contenuto.replace(/\*33/g,"[img]../img/33.gif[/img]");
    contenuto = contenuto.replace(/\*34/g,"[img]../img/34.gif[/img]");

leggiemail(contenuto)

}


function leggiurl(contenuto) {
contenuto = contenuto.replace(/(\b[(www\.|http\://)]\S+\b)/gi,"$1");
}



function leggiemail(contenuto) {
contenuto = contenuto.replace(/(\b[a-z._-]+@\S+\.[a-z]{2,3}\b)/gi,"$1");
leggiurl(contenuto)
document.getElementById("anteprima").innerHTML = contenuto;
}

con questa soluzione, vengono riconosciuti i vari TAG Bold, Italic e Sottolineato e le email...ma nn mi riconosce i link..

se la riga document.getElementById("anteprima").innerHTML = contenuto;

la inserisco all'interno della funzione leggiurl, nn mi riconsoce le email..ma mi compaiono un'infinità di link nn veritieri..se invece inserisco tale riga nella funzoone leggitextarea, non mi riconosce nessuna email e neppure nessun link

c'è qualcuno che mi può aiutare !??!

[deejayp]

allora, ho tolto le tre funzioni e le ho unite in un'unica funzione..

Il risultato è il seguente:

function leggitextarea() {
contenuto = document.getElementById('messaggio').value;
    contenuto = contenuto.replace(/\n/gi,"
");
    contenuto = contenuto.replace(/\[u\]/gi,"<u>");
    contenuto = contenuto.replace(/\[\/u\]/gi,"</u>");
    contenuto = contenuto.replace(/\[i\]/gi,"");
    contenuto = contenuto.replace(/\[\/i\]/gi,"");
    contenuto = contenuto.replace(/\[b\]/gi,"");
    contenuto = contenuto.replace(/\[\/b\]/gi,"");
    contenuto = contenuto.replace(/\[highlight\]/gi,"<span style='background-color: <%=VarScriviHighlight%>;'>");
    contenuto = contenuto.replace(/\[\/highlight\]/gi,"</span>");
    contenuto = contenuto.replace(/\[hr\]/gi,"<hr width='90%' size='1' noshade>");
    contenuto = contenuto.replace(/\*20/g,"[img]../img/20.gif[/img]");
    contenuto = contenuto.replace(/\*21/g,"[img]../img/21.gif[/img]");
    contenuto = contenuto.replace(/\*22/g,"[img]../img/22.gif[/img]");
    contenuto = contenuto.replace(/\*23/g,"[img]../img/23.gif[/img]");
    contenuto = contenuto.replace(/\*24/g,"[img]../img/24.gif[/img]");
    contenuto = contenuto.replace(/\*25/g,"[img]../img/25.gif[/img]");
    contenuto = contenuto.replace(/\*26/g,"[img]../img/26.gif[/img]");
    contenuto = contenuto.replace(/\*27/g,"[img]../img/27.gif[/img]");
    contenuto = contenuto.replace(/\*28/g,"[img]../img/28.gif[/img]");
    contenuto = contenuto.replace(/\*29/g,"[img]../img/29.gif[/img]");
    contenuto = contenuto.replace(/\*30/g,"[img]../img/30.gif[/img]");
    contenuto = contenuto.replace(/\*31/g,"[img]../img/31.gif[/img]");
    contenuto = contenuto.replace(/\*32/g,"[img]../img/32.gif[/img]");
    contenuto = contenuto.replace(/\*33/g,"[img]../img/33.gif[/img]");
    contenuto = contenuto.replace(/\*34/g,"[img]../img/34.gif[/img]");

contenuto = contenuto.replace(/(\b[a-z._-]+@\S+\.[a-z]{2,3}\b)/gi,"$1");

document.getElementById("anteprima").innerHTML= contenuto;
}

in questo modo, la funzione mi riconosce correttamente, le email ed i vari TAG B/U/I, etc..

ma se inserisco la REXEXP..riguardante il riconoscimento degli URL, mi va in Tilt

contenuto = contenuto.replace(/(\b[(www\.|http\://)]\S+\b)/gi,"$1");