Baliser tous les http d'un texte [Résolu]

gtraxx · 07/03/2011, 10h31

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.

SpaceFrog · 07/03/2011, 10h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

chaine.replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>')

gtraxx · 07/03/2011, 10h59

Bonjour et merci SpaceFrog, mais cela ne fonctionne pas .
J'ai tester sur une div simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

roster · 07/03/2011, 11h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>'));

SpaceFrog · 07/03/2011, 11h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

gtraxx · 07/03/2011, 12h06

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

gtraxx · 05/05/2011, 11h43

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

il converti :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Une idée ?

Loceka · 05/05/2011, 11h52

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

gtraxx · 05/05/2011, 12h12

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

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

Sujet re résolu

07/03/2011, 10h31	#1
gtraxx Membre éprouvé Aurélien Gérits Développeur Web Inscription : mai 2006 Messages : 1 045 Détails du profil Informations personnelles : Nom : Aurélien Gérits Âge : 30 Localisation : Belgique Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2006 Messages : 1 045 Points : 498 Points : 498	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. __________________ Au petit déjeuner, je prend du PHP et au souper du jQuery. AFUP 2009 : Bien optimiser son code pour le référencement Mon projet open source de librairie PHP 5: magix cjquery
	00

07/03/2011, 10h46	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part chaine.replace(/http:\/\/[^ ]+/g,'<a href="$1" >$1</a>') __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

07/03/2011, 12h06	#6
gtraxx Membre éprouvé Aurélien Gérits Développeur Web Inscription : mai 2006 Messages : 1 045 Détails du profil Informations personnelles : Nom : Aurélien Gérits Âge : 30 Localisation : Belgique Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2006 Messages : 1 045 Points : 498 Points : 498	Merci SpaceFrog sa fonctionne impec. Je garde sous le coude l'exemple de regex de roster __________________ Au petit déjeuner, je prend du PHP et au souper du jQuery. AFUP 2009 : Bien optimiser son code pour le référencement Mon projet open source de librairie PHP 5: magix cjquery
	00

05/05/2011, 11h52	#8
Loceka Membre Expert Tlouye Ci Inscription : mars 2004 Messages : 1 450 Détails du profil Informations personnelles : Nom : Tlouye Ci Informations forums : Inscription : mars 2004 Messages : 1 450 Points : 2 149 Points : 2 149	Il suffit d'arrêter le lien quand on rencontre une balise : /(http:\/\/[^< ]+)/g
	00

05/05/2011, 12h12	#9
gtraxx Membre éprouvé Aurélien Gérits Développeur Web Inscription : mai 2006 Messages : 1 045 Détails du profil Informations personnelles : Nom : Aurélien Gérits Âge : 30 Localisation : Belgique Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2006 Messages : 1 045 Points : 498 Points : 498	Super merci c'est exactement sa, j'ai essayer plusieurs regex mais sans succès alors que c'étais devant moi 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 Sujet re résolu __________________ Au petit déjeuner, je prend du PHP et au souper du jQuery. AFUP 2009 : Bien optimiser son code pour le référencement Mon projet open source de librairie PHP 5: magix cjquery
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email