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 :
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 :