[Javascript] Regex van een url

[Eijkb]

Ik ben bezig met een kleine editor die maar bepaalde zaken kan doen en dat on the fly. Nu wil ik een url opvangen en deze converteren naar een <a href=... etc.

code:

if (tekst.match(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5})[ ]/g)) {
        
   tekst = tekst.replace(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5})/g,"<a href=\"http://$1.$2.$3\">$2</a>");
        
}

if (tekst.match(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5}\/(.*))[ ]/g)) {
        
   tekst = tekst.replace(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5}\/(.*))/g,"<a href=\"http://$1.$2.$3/$4\">$2</a>");
        
}

In bovenstaande code zoekt de replace functie 2 dingen en zet ze om naar goed html. Echter, het werkt niet zoals ik wil.

De functie moet nl. www.testje.nl omzetten naar <a href="http://www.testje.nl">testje</a> en www.testje.nl/directory naar <a href="http://www.testje.nl/directory">testje</a>. Apart werkt het wel maar via het if statement niet... Iemand een idee?

[whoami]

Javascript hoort niet thuis in p&w

-> w&g

[Eijkb]

Opgelost

code:

tekst = tekst.replace(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5})[ ]/i,"<a href=\"http://$1.$2.$3\">$2</a>");                        
tekst = tekst.replace(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5})\/(.*)[ ]/i,"<a href=\"http://$1.$2.$3\/$4\">$2</a>");

Was een afsluitend ) vergeten

[crisp]

En in 1 replace:

JavaScript:

tekst = tekst.replace(/([a-z]{0,15})\.([a-z\.]{0,100})\.([a-z]{0,5})(\/.*)? /i, '<a href="http://$1.$2.$3$4">$2</a>');

Nog verre van perfect natuurlijk, maar om even aan te geven dat je ook met optionele subpatterns kan werken

[Eijkb]

Het is zeker verre van perfect Vooral omdat het maar éénmaal werkt. Als ik twee keer een linkje invul pakt tie alleen de eerste Terug naar de tekentafel.

[Verwijderd]

zet er dan ook een global modifier bij...

[Eijkb]

Dank, dank. Ben nog niet helemaal thuis in Javascript zoals je ziet. /i -> /g.

[Verwijderd]

Hint: Zo iets heet een Regular Expression. Google weet meer.

[crisp]

misschien handiger om dan meteen een link naar een reference te geven

[Eijkb]

Dank dank! Ik ben wel op de hoogte van Regular Expressies, maar niet tot op het bot (om het maar zo te zeggen). En er zijn natuurlijk een miljoen mogelijkheden die je nog niet meteen herkend als je daar niet dagelijks mee in aanraking komt. Daarom nogmaals bedankt.

Vooral Crisp in deze bedankt, die reference probeer ik al een tijdje op te sporen maar ik kom steeds op die oude van netscape terecht. Beter!

[ Voor 22% gewijzigd door Eijkb op 22-01-2006 21:19 ]

[Eijkb]

Voor de volledigheid hier het uiteindelijke resultaat, gebruikt in een textarea om van urls automatisch een <A> link te maken.:

code:

tekst = tekst.replace(/(?:http:\/\/)?(\w+)\.(\w+)\.(\w+)(\/[\w.?=]+)?/gi,'<a href="http://$1.$2.$3$4" target="_blank">$2</a>');

[ Voor 14% gewijzigd door Eijkb op 23-01-2006 09:19 ]

[crisp]

Ter info (maar wellicht maakt het je niets uit): IE < 6 ondersteund geen look-behind in reguliere expressies.

[Eijkb]

Ik word gestoord van IE Ik ontwikkel alles in FF (mijn primaire browser) en controleer af en toe ofdat het werkt in IE (ik gebruik 6.0.*). En dat is al lastig genoeg. Als ik dan ook nog rekening moet gaan houden met IE < 6.0 dan... eh.. eet ik mijn schoen op. Maar goed, het is een module voor vrienden en kennissen en voor zover ik weet zijn die redelijk up-to-date en anders is updaten geen probleem.