module de recherche de mots dans une page html

**Drozo** · 31/07/2006, 14h48

Bonjour, j'espere ne pas me tromper de section de forum mais j'aimerais incorporer un module de recherche dans une page web de type "index".

J'ai une page html me servant d'index (comporte pleins de noms d'équipements (1 par ligne, avec des liens).

Ce fichier est assez long et donc il serait préférable pour l'utilisateur de pouvoir effectuer une recherche en tapant le nom d'équipement qu'il cherche.

il y aurait un champ "rechercher" ou l'utilisateur pourrait taper le nom (mot) qu'il cherche dans la page d'index, et hop, il clique sur rechercher et ca l'amene directement à l'endroit de la page ou ce trouve le mot qu'il souhaite.

Comme je suis tres débutant en xhtml et autres trucs du genre je sollicite votre aide pour m'aider à faire cela.

Merci d'avance. cligne

edit: en gros un truc du type ctrl+F, mais directement affiché dans la page même.

**linar009** · 31/07/2006, 14h53

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
function findInPage(str) {
  var txt, i, found;
  if (str=="") return false;
 
  if ((document.layers)||(window.sidebar)) {
    if (!window.find(str)) {
	  alert("Fin de page atteinte.\n"+'"'+str+'" trouvé '+nbSearch+" fois.");
	  while(window.find(str, false, true)) {nbSearch++;}
	} 
    else
      nbSearch++;
    if (nbSearch == 0)
      alert('"'+str+'" est introuvable');
  }
 
  if (document.all) {
    txt = window.document.body.createTextRange();
    for (i = 0; i <= nbSearch && (found = txt.findText(str)) != false; i++) {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
    if (found) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      nbSearch++;
    } else {
      if (nbSearch > 0) {
	  	  alert("Fin de page atteinte.\n"+'"'+str+'" trouvé '+nbSearch+" fois.");
 
        nbSearch = 0;
        findInPage(str);
      } else { 
	    alert('"'+str+'" est introuvable');
	  }
    }
  }
 
  return false;
}