Recherche d'un mot dans une page
Soyez le premier à donner votre avis sur cette source.
Snippet vu 30 121 fois - Téléchargée 27 fois
Contenu du snippet
Voici un petit javascript qui vous permet de rechercher un mot dans une page, en le surlignant (un mot à la fois, recliquer sur le bouton rechercher pour surligner l'instance suivante)
Comme vous le voyez, c'est un script qui n'est pas de moi, mais j'ai cependant trouvé utile de le déposer sur ce site.
Comme vous le voyez, c'est un script qui n'est pas de moi, mais j'ai cependant trouvé utile de le déposer sur ce site.
Source / Exemple :
<SCRIPT language=JavaScript>
/* Find In Page Script- By Mike Hall (MHall75819@aol.com) */
/* Recherche de mot */
var NS4 = (document.layers); // Which browser?
var IE4 = (document.all);
var win = window; // window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
// Find next occurance of the given string on the page, wrap around to the
// start of the page if necessary.
if (NS4) {
// Look for match starting at the current point. If not found, rewind
// back to the first match.
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
// If not found in either direction, give message.
if (n == 0)
alert("Je suis navré, je n'ai rien trouvé. Vérifiez l'orthographe.");
}
if (IE4) {
txt = win.document.body.createTextRange();
// Find the nth match from the top of the page.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
// If found, mark it and scroll it into view.
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// Otherwise, start over at the top of the page and find first match.
else {
if (n > 0) {
n = 0;
findInPage(str);
}
// Not found anywhere, give message.
else
alert("Je suis navré, je n'ai rien trouvé. Vérifiez l'orthographe.");
}
}
return false;
}
</SCRIPT>
<FORM name=search onsubmit="return findInPage(this.string.value);"><INPUT
name=string onchange="n = 0;">
<INPUT type=submit value=Rechercher></FORM>
A voir également
- Fonction recherche dans une page html
- Html recherche dans la page - Meilleures réponses
- Fonction recherche dans une page javascript - Meilleures réponses
- Recherche ligne sur page html avec VB6 (urgent) ✓ - Forum - Visual Basic
- Cette fonction renvoie le texte reformaté de façon à ce qu'il soit affichageable sur une page html - Codes sources - PHP (Chaînes de caractères)
- Fonction php non reconnue dans page HTML ✓ - Forum - PHP
- Appeler un fichier javascript dans une page html - Conseils pratiques - Javascript
- Architecture page html - Conseils pratiques - Javascript
- Messages postés
-
146
- Date d'inscription
- vendredi 28 mai 2010
- Statut
- Membre
- Dernière intervention
- 21 juillet 2013
3Est-ce que quelqu'un pourrait de dire comment rechercher uniquement dans une iframe (name="page") ?
Merçi d'avance.
Je conseillerais plutot de vous tourner du coté des librairies comme JQuery qui permettent de coder en JS plus facilement / proprement / sur toutes les plateformes et avec une syntaxe sympathique.
Et notamment un simple Google "highlight word jquery" renvoie vers cette solution intéressante pour JQuery : http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
ça marche super mais serait-il possible d'ajouter la fonction "suivant" car si je recherche dans une liste de 2000 éléments différents et qu'il existe deux fois le même mot ... ça coince
merci
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.