Baliser tous les http d'un texte

Version imprimable

07/03/2011, 10h31
gtraxx

Baliser tous les http d'un texte

Bonjour, je cherche le moyen de convertir tous les http:// contenu dans une div par une balise a.
En gros je récupère un texte d'une base de donnée qui contient des url en format brut.
Le but ici est de les entourer de la balise qui va bien, je ne me souviens plus de la regex pour recherche tous les http:// et les remplacer avec la fonction replace.
07/03/2011, 10h46
SpaceFrog

Code:

chaine.replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>')
07/03/2011, 10h59
gtraxx
Bonjour et merci SpaceFrog, mais cela ne fonctionne pas .
J'ai tester sur une div simple
Code:

1 2 3 4 <div class="agenda-profil-up"> Introduction cours de jazz<br>Les testes débute ce week end<br> ma catégorie http://www.mon-lien.com</div>
Avec le code suivant :

Code:

$('.agenda-profil-up').replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>');

Code:

1
2
3
4
var $str = $('#test').text();
var $reg = /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/g;
 
$('#test').html($str.replace($reg,'<a href="$&">$&</a>'));

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
$(function(){
$('.agenda-profil-up').each(function(){$(this).html($(this).html().replace(/(https?:\/\/[^ ]+)/g,'<a href="$1" >$1</a>'));});
})</script>
</head>
 
 
<body>
<div class="agenda-profil-up">
Introduction cours de jazz<br>Les testes débute ce week end<br>
ma catégorie http://www.mon-lien.com</div>
</body>
 
</html>

07/03/2011, 12h06
gtraxx

Merci SpaceFrog sa fonctionne impec.
Je garde sous le coude l'exemple de regex de roster ;)

Je ré ouvre ce sujet car je rencontre un bug avec le script :
Code:

1 2 3 4 5 6 7 8 9 $('.agenda-profil-up').each(function(){ $(this).html( $(this).html().replace(/(http:\/\/[^ ]+)/g,'<a class="targetblank" href="$1" >$1</a>') ); $('.targetblank').click( function() { window.open($(this).attr('href')); return false; }); });
En faites il transforme bien en lien tout ce qui ressemble à http://...
seulement si par exemple dans la source j'ai

Code:

http://www.testelibre.be<br /><br />J'aime bien danser

il converti :

Code:

<a href="http://www.testelibre.be<br><br>J'aime" class="targetblank">http://www.testelibre.be<br><br>J'aime</a>

Une idée ?

05/05/2011, 11h52
Loceka

Il suffit d'arrêter le lien quand on rencontre une balise : /(http:\/\/[^< ]+)/g
05/05/2011, 12h12
gtraxx

Super merci c'est exactement sa, j'ai essayer plusieurs regex mais sans succès alors que c'étais devant moi :aie:

Je me suis dit une fois l'url transformer pourquoi pas la manipuler un maximum via ce petit script sympathique : https://github.com/allmarkedup/jQuery-URL-Parser

:ccool:

Sujet re résolu