Discussion :

[Le Druide 91]

Bonjour,
J'ai installé dans une page HTM un moteur de recherche (voir ci-après) qui ne fonctionne qu'avec Firefox et pas sous les autres Explorateurs.
Si vous avez une solution, je suis preneur.
Merci d'avance.

Code html :

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
44
45
46
47
48
49
50
51
52
<script language="JavaScript">
var nbSearch=0;
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;
}
</script>
 
 
 
<form name="search" onSubmit="return findInPage(this.motcle.value);">
<p style="margin-top: 0; margin-bottom: 0">
<input name="motcle" type="text" size=30 onFocus="nbSearch=0; if (this.value=='Mot-clé') {this.value=''}" value="Rechercher" style="color: #6B4A8C; border: 2px solid #6B4A8C; background-color: #EBEBEB; font-family:Times New Roman; font-weight:bold; font-size:12pt; padding-left:2px; padding-right:0px; padding-top:1px; padding-bottom:1px">
<input type="submit" value="OK" style="color: #EBEBEB; font-family: Times New Roman; font-size: 12pt; font-weight: bold; border-style: solid; border-width: 0px; background-color: #6B4A8C"></p>
</form>

[NoSmoking]

Bonjour,
lorsque l'on voit dans le code :

if ((document.layers)||(window.sidebar))

on peut avoir des doutes, ce script date de l'époque de NetScape, donc à oublier.

Relance ta recherche et choisit un script « récent ».

Attention ce que fait le script donné est un « Recherche dans la page », ce n'est pas un moteur de recherche.

[Beginner.]

Salut,


Il y a eu plusieurs sujets sur ce forum concernant la recherche d'un mot dans une page html...

Il existe plusieurs librairies toutes prêtes à l'emploi pour faire cela mais j'avais posté il y a quelques temps un petit code utilisant la fonction window.find()...

Il s'agit d'une fonction native donc c'est intéressant mais évidement il y a quelques limitations, par exemple il ne m'a pas semblé qu'il soit possible de définir son propre style et de l'affecter à tous les mots en même temps (il semble que cette fonction effectue une seule recherche à la fois...) mais on peut le faire sois-même en ajoutant des petites choses... J'ai fait un test de cela ici : http://jsbin.com/cenahusome/edit?js,console,output ...

Le code n'est pas trop long, il met tous mots recherchés en surbrillance (même si ces derniers sont à cheval entre plusieurs balises ce n'est pas rien).