Discussion :

[oceane751]

Bonjour à tous,

J'essaye de rechercher un mot avec un RegExp puis je veux un replace()
Jusqu'à là tout va bien
Sauf que je veux y ajouter du html
Voici mon code javascript, ça vous parlera très certainement plus

Code :

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

1
2
3
4
5
6
 
 
       var chaine = document.getElementById('chien').innerHTML;
	var reg=new RegExp("chien","g");
	var re = chaine.replace(reg, "<b>$1</b>");
	document.getElementById("resultat").innerHTML = re;

Je voudrais donc y mettre la balise <b> autour des mots "chien"
J'ai vu sur le net qu'il fallait mettre un "$1"

Mais chez moi ça ne marche pas (ça m'affiche ça :

Code :

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

 Les $1s et les $1nes, les chats et les oiseaux

) et non le mot "chien" en gras
j'ai un peu de mal à comprendre

Quelqu'un pourrait il m'aider?
Merci beaucoup !

[Eric2a]

Salut,

Essaie comme ceci :

Code :

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

re=chaine.replace(/\b(chien(?:ne)?s?)\b/ig, "<b>$1</b>");

[oceane751]

C'est cool ! ça fonctionne ! merci

Mais, j'ai pas compris.
Pourrais tu m'expliquer à quoi tout ça sert? qu'est ce que tous ces symboles veulent dire?

[Eric2a]

/	Délimiteur (j'aurais pu utiliser un autre caractère)
	Il permet de séparer le motif des options

\b	Ici, on s'assure que ce qui suit n'est pas précédé d'une lettre

(	Parenthèse capturante
	Tout se qui s'y trouve, sera reporté dans... $1

	chien
	(?:ne)?		Eventuellement les caractères n et e
	s?		Suivi(s) éventuelement par le caractère s
)

\b	Et là, on s'assure qu'il n'y a pas de lettre

/

ig	Options
	i = Insensible à la casse
	g = Mode gourmand = Rechercher toutes les occurences correspondant au motif

[oceane751]

Merci pour ces infos!
Tous est noté!

[SpaceFrog]

les $ représentent les niveau de parenthèses dans l'ordre de la regex

Code :

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

/(.)(.)/

=> $1 pour le premier $2 pour le second


et pas un wonderbra