Fonction recherche sur une page (Ctrl -f)

Entre <head> et </head>, mettre :

<script type="text/javascript" language="JavaScript">
<!--
/* Recherche dans la page */
var IE = (document.all); // Détection du navigateur
var a_win = window; // fenêtre à explorer.
var a_n = 0;
function TrouveDansPage(chaine) {
      var a_txt, a_i, a_trouve;
      if (chaine == ""){
            return false;
      }
      // Trouver la prochaine occurrence de le chaine dans la page, retourner au debut de la page si nécessaire
      if (IE) { // Internet Explorer
            a_txt = a_win.document.body.createTextRange();
            // Trouver la a_nieme réponse à partir du début de la page.
            for (a_i = 0; a_i <= a_n && (a_trouve = a_txt.findText(chaine)) != false; a_i++) {
                  a_txt.moveStart("character", 1);
                  a_txt.moveEnd("textedit");
            }
            if (a_trouve) { // Si texte trouvé, le sélectionner et faire défiler la page pour qu'il soit visible.
                  a_txt.moveStart("character", -1);
                  a_txt.findText(chaine);
                  a_txt.select();
                  a_txt.scrollIntoView();
                  a_n++;
            }
            else { // Sinon, recommencer en haut de page et trouver la 1ere occurrence.
                  if (a_n > 0) {
                        a_n = 0;
                        TrouveDansPage(chaine);
                  }
                  else { // introuvable prévenir l'utilisateur.
                        alert("\""+chaine+"\" est introuvable dans cette page.");
                  }
            }
      }
      else { // autre navigateur qu'Internet Explorer
            if (!a_win.find(chaine)){
                  while(a_win.find(chaine, false, true)){
                        a_n++;
                  }
            }
            else {
                  a_n++;
            }
            if (a_n == 0){ // si introuvable prévenir l'utilisateur.
                  alert("\""+chaine+"\" est introuvable dans cette page.");
            }
      }
      return false;
}
function a_selectAll(champ) {
      var tempval=eval(champ);
      tempval.focus();
      tempval.select();
}
// -->
</script>


Dans le body, mettre :

<?
echo "<form style=\"margin:0; display:inline;\" name=\"cherchedanspage\" onSubmit=\"return TrouveDansPage(this.chainecherchee.value);\">";
echo "<b>Chercher dans cette page :</b> ";
echo "<input name=\"chainecherchee\" type=\"text\" value=\"\" size=\"20\" maxlength=\"100\" onChange=\"a_n = 0;\" onFocus=\"a_selectAll(this);\"><input type=\"submit\" value=\"Ok\"><br />";
echo "</form>";
?>

Exemple :

Chercher dans cette page :


Afficher/Cacher une div dans une liste de choix

<HTML Lang="fr">
<HEAD>
<TITLE></TITLE>
<Script type="Text/JavaScript">
function tata(lst)
{
      var d=document.getElementById("toto");
      if (lst.selectedIndex==1 | lst.selectedIndex==4)
      d.style.display="block";
      else
      d.style.display="none";
}
</Script>
</HEAD>
<BODY>
<select onchange="tata(this);">
<option>cacher 1</option>
<option>montrer 1</option>
<option>cacher 2</option>
<option>cacher 3</option>
<option>montrer 2</option>
<option>cacher 4</option>
</select>
<div id="toto" style="display:none">titi</div><br />
</BODY></HTML>

Exemple :