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

[oceane751]

merci \(.)(.)/ !