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
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
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 : 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
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>
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager