Recherche de firefox en javascript

Bonjour,
je cherche actuellement comment recréé le mode de recherche de firefox en javascript, avec le surlignage des résultats.

Pouvez-vous m'aider svp?
Je peux répondre à toutes vos questions.

Merci

Tu as fait quoi pour le moment?

pour le moment, juste le formulaire HTML

je dois avouer que le javascript n'est vraiment pas mon fort.

Si on me donne la base, je peux me débrouiller.

Merci

Penche toi du coté des expressions régulières, et de la fonction replace et reviens nous voir si tu as des problemes ;)

Ok ben j'ai essayé mais ya rien qui marche.

Donc si quelqu'un a une idée ou a déja réalisé cet outil, je suis preneur, sinon j'abandonne.

C'est bon j'ai reussi!

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 <html>
 <head>
 <style>
 .higlight
 {
	 background-color:#F00;
 }
 </style>
<script language="javascript">
var text =  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius tempus magna. Cras scelerisque urna sit amet elit. Donec eu velit. Fusce molestie feugiat velit. Praesent in orci eget elit ornare consectetur. Nam hendrerit est in turpis. Cras id neque eu neque imperdiet tempor. Aenean gravida pellentesque tellus. Nunc mi. Vivamus mollis malesuada sem. Sed mollis commodo lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse neque libero, fermentum id, tincidunt ut, mollis ac, nibh. Sed imperdiet magna a mauris. Nunc vehicula blandit mauris. Nunc porttitor nulla nec est. Nullam sit amet quam id diam feugiat venenatis. "
function searchNReplace()
{
 
 
 
// getElementByID.value semble marcher uniquement pour ff, je pense qu'il y a une alternative a faire pour IE
 
//ici on récupère ce que l'on souhaite chercher
search_word = document.getElementById("search").value;
// ici on récupère le texte au complet
var chaine=text;
 
// Expression régulière pour chercher le mot 
var reg=new RegExp(search_word, "gi");
 
// on place notre modification dans l'élément id=text
document.getElementById("text").innerHTML=(chaine.replace(reg,"<span class=\"higlight\">"+search_word+"</span>"));
}
</script>
 </head>
 <body onLoad="searchNReplace();">
 
    <font size=3>
    <input name="search" id="search" type="text" size=15 onChange="n = 0;" onKeyUp="searchNReplace();"/>
    </font> 
 
 
  <p id="text" >
 
</p>
</body>
 
  </html>