colorer des occurences d'un mot/phrase dans une page web

**hicham_alaoui1** · 26/08/2007, 20h28

salut.
j'aimerais bien savoir comment puis-je colorer des occurences d'un mot dans une page web par la même coleur sans utiliser <font color=" "></font> pour chaque occurence...que ça soi en javascript ou autre...ce qui importe c'est de me donner une technique pour colorer ttes les occurences au même temps!!!
merci ...

**gKsam** · 26/08/2007, 21h01

Code :

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

<span class="colore">ton_mot</span>

Et le css qui va avec.

**ryan** · 26/08/2007, 23h36

Yop!

Je crois que Hicham voudrait que cela se fasse automatiquement.Voilà un bout de code Javascript qui va colorier tous les mots "champ" en rouge.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<html>
<head>
<style>
span.red
{
  color: red;	
}	
</style>
<script type="text/javaScript">
function colorie(mot)
{
  str = document.body.innerHTML;
  eval("str = str.replace(/" + mot + "/g,'<span class=red>" + mot + "</span>')");
  document.body.innerHTML = str;
}	
</script>	
</head>
<body onLoad="colorie('champ')">
<form>
Completer le champ suivant:
<br/><input type=text name='champ1' />
<br/>
Et aussi ce champ-ci:
<br/><input type=text name='champ2' />
</form>
</body>
</html>

**hicham_alaoui1** · 27/08/2007, 02h47

merci mon frère, t'as raison je voulais que ça soi automatiquement coloré.
l'autre solution avec les feuiles de style et également bone.
merci..

colorer des occurences d'un mot/phrase dans une page web

JavaScript

Discussions similaires

Partager

Partager