module de recherche de mots dans une page html

Version imprimable

31/07/2006, 14h48
Drozo

module de recherche de mots dans une page html

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.

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
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;
}

31/07/2006, 15h04
Drozo

Merci beaucoup je vais essayer;)
31/07/2006, 16h34
Drozo

heu désolé mais j'ai insérer ton script dans mon fichier xhtml et il n'y a même pas de champ pour effectuer la recherche.

est ce normal?
31/07/2006, 17h02
FremyCompany

C'est une fonction... A toi du l'utilser...
01/08/2006, 09h57
Drozo

oui désolé,

c'était la fin de la journée j'ai fait n'importe quoi, maintenant c'est bon ca marche.

Merci beaucoup à vous donc.;)