Ce script est déclaré obsolète. Il n'est conservé que pour information.

Script : Liste avec recherche par clavier

Ce script permet de réduire le contenu d'une liste en tapant le début du libellé. Exemple avec la recherche dans la liste des pays.

<HTML><HEAD>
<TITLE>Tout JavaScript.com - Liste avec recherche par clavier</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com
// Script développé par Tout JavaScript.com
// Si vous utilisez ce script, merci de laisser ce commentaire

var Liste=new CreerListe("Pays", 5, 200)

Liste.Add("Afghanistan");
Liste.Add("Afrique du sud");
Liste.Add("Albanie");
Liste.Add("Algérie");
Liste.Add("Allemagne");
Liste.Add("Andorre");
Liste.Add("Angola");
Liste.Add("Antigua-et-Barbuda");
Liste.Add("Arabie");
Liste.Add("Argentine");
Liste.Add("Arménie");
Liste.Add("Australie");
Liste.Add("Autriche");
Liste.Add("Azerbaïdjan");
Liste.Add("Bahamas");
Liste.Add("Bahreïn");
Liste.Add("Bangladesh");
Liste.Add("Barbade");
Liste.Add("Belau");
Liste.Add("Belgique");
Liste.Add("Belize");
Liste.Add("Bénin");
Liste.Add("Bhoutan");
Liste.Add("Biélorussie");
Liste.Add("Birmanie");
Liste.Add("Bolivie");
Liste.Add("Bosnie-Herzégovine");
Liste.Add("Botswana");
Liste.Add("Brésil");
Liste.Add("Brunei");
Liste.Add("Bulgarie");
Liste.Add("Burkina");
Liste.Add("Burundi");
Liste.Add("Cambodge");
Liste.Add("Cameroun");
Liste.Add("Canada");
Liste.Add("Cap-Vert");
Liste.Add("Chili");
Liste.Add("Chine");
Liste.Add("Chypre");
Liste.Add("Colombie");
Liste.Add("Comores");
Liste.Add("Congo");
Liste.Add("Congo");
Liste.Add("Cook");
Liste.Add("Corée");
Liste.Add("Corée");
Liste.Add("Costa");
Liste.Add("Côte");
Liste.Add("Croatie");
Liste.Add("Cuba");
Liste.Add("Danemark");
Liste.Add("Djibouti");
Liste.Add("Dominique");
Liste.Add("Égypte");
Liste.Add("Émirats");
Liste.Add("Équateur");
Liste.Add("Érythrée");
Liste.Add("Espagne");
Liste.Add("Estonie");
Liste.Add("États-Unis");
Liste.Add("Éthiopie");
Liste.Add("Fidji");
Liste.Add("Finlande");
Liste.Add("France");
Liste.Add("Gabon");
Liste.Add("Gambie");
Liste.Add("Géorgie");
Liste.Add("Ghana");
Liste.Add("Grèce");
Liste.Add("Grenade");
Liste.Add("Guatemala");
Liste.Add("Guinée");
Liste.Add("Guinée-Bissao");
Liste.Add("Guinée");
Liste.Add("Guyana");
Liste.Add("Haïti");
Liste.Add("Honduras");
Liste.Add("Hongrie");
Liste.Add("Inde");
Liste.Add("Indonésie");
Liste.Add("Iran");
Liste.Add("Iraq");
Liste.Add("Irlande");
Liste.Add("Islande");
Liste.Add("Israël");
Liste.Add("Italie");
Liste.Add("Jamaïque");
Liste.Add("Japon");
Liste.Add("Jordanie");
Liste.Add("Kazakhstan");
Liste.Add("Kenya");
Liste.Add("Kirghizistan");
Liste.Add("Kiribati");
Liste.Add("Koweït");
Liste.Add("Laos");
Liste.Add("Lesotho");
Liste.Add("Lettonie");
Liste.Add("Liban");
Liste.Add("Liberia");
Liste.Add("Libye");
Liste.Add("Liechtenstein");
Liste.Add("Lituanie");
Liste.Add("Luxembourg");
Liste.Add("Macédoine");
Liste.Add("Madagascar");
Liste.Add("Malaisie");
Liste.Add("Malawi");
Liste.Add("Maldives");
Liste.Add("Mali");
Liste.Add("Malte");
Liste.Add("Maroc");
Liste.Add("Marshall");
Liste.Add("Maurice");
Liste.Add("Mauritanie");
Liste.Add("Mexique");
Liste.Add("Micronésie");
Liste.Add("Moldavie");
Liste.Add("Monaco");
Liste.Add("Mongolie");
Liste.Add("Mozambique");
Liste.Add("Namibie");
Liste.Add("Nauru");
Liste.Add("Népal");
Liste.Add("Nicaragua");
Liste.Add("Niger");
Liste.Add("Nigeria");
Liste.Add("Niue");
Liste.Add("Norvège");
Liste.Add("Nouvelle-Zélande");
Liste.Add("Oman");
Liste.Add("Ouganda");
Liste.Add("Ouzbékistan");
Liste.Add("Pakistan");
Liste.Add("Panama");
Liste.Add("Papouasie");
Liste.Add("Paraguay");
Liste.Add("Pays-Bas");
Liste.Add("Pérou");
Liste.Add("Philippines");
Liste.Add("Pologne");
Liste.Add("Portugal");
Liste.Add("Qatar");
Liste.Add("République");
Liste.Add("République");
Liste.Add("République");
Liste.Add("Roumanie");
Liste.Add("Royaume-Uni");
Liste.Add("Russie");
Liste.Add("Rwanda");
Liste.Add("Saint-Christophe-et-Niévès");
Liste.Add("Sainte-Lucie");
Liste.Add("Saint-Marin ");
Liste.Add("Saint-Vincent-et-les Grenadines");
Liste.Add("Salomon");
Liste.Add("Salvador");
Liste.Add("Samoa");
Liste.Add("Sao");
Liste.Add("Sénégal");
Liste.Add("Seychelles");
Liste.Add("Sierra");
Liste.Add("Singapour");
Liste.Add("Slovaquie");
Liste.Add("Slovénie");
Liste.Add("Somalie");
Liste.Add("Soudan");
Liste.Add("Sri");
Liste.Add("Suède");
Liste.Add("Suisse");
Liste.Add("Suriname");
Liste.Add("Swaziland");
Liste.Add("Syrie");
Liste.Add("Tadjikistan");
Liste.Add("Tanzanie");
Liste.Add("Tchad");
Liste.Add("Thaïlande");
Liste.Add("Togo");
Liste.Add("Tonga");
Liste.Add("Trinité-et-Tobago");
Liste.Add("Tunisie");
Liste.Add("Turkménistan");
Liste.Add("Turquie");
Liste.Add("Tuvalu");
Liste.Add("Ukraine");
Liste.Add("Uruguay");
Liste.Add("Vanuatu");
Liste.Add("Vatican");
Liste.Add("Venezuela");
Liste.Add("Viêt");
Liste.Add("Yémen");
Liste.Add("Yougoslavie");
Liste.Add("Zaïre");
Liste.Add("Zambie");
Liste.Add("Zimbabwe");

function CreerListe(nom, hauteur, largeur) {
	this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
	this.search="";
	this.nb=0; 
	this.Add=AjouterItem;
	this.Afficher=AfficherListe;
	this.MAJ=MAJListe;
}

function AjouterItem(item) {
	this[this.nb]=item
	this.nb++;
}

function ListeCheck() {
	Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
	if (document.layers) {
		setTimeout("ListeCheck()", 1001)
	} else {
		setTimeout("ListeCheck()", 100)
	}
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="navy">
<BR><CENTER>
<BIG><B>Liste déroulante avec recherche par clavier</B></BIG><BR><BR></CENTER>

<BR>
Ce script permet de réduire le contenu d'une liste en tapant le début du libellé.<BR>
Tapez par exemple "a" dans la zone de texte. Tous les pays commençant par A sont affichés dans la liste.<BR>
Tapez "al", les pays Albanie, Algérie et Allemagne restent dans la liste.<BR>
Tapez "all", Allemagne reste seul dans la liste et se sélectionne.<BR>
Si vous videz la zone de recherche, tous les pays ré-apparaissent.<BR>
<BR>
<FORM name=monform>
<INPUT type=text name=search><BR>
<SCRIPT language=javascript>
	Liste.Afficher();
	ListeCheck();
</SCRIPT>
</FORM>
<BR><BR><BR><SMALL>(Liste des pays trouvée sur le site du ministère de la culture <A href="http://www.culture.fr" target="_blank">culture.fr</A>)</SMALL><BR>

<BR><BR><BR>
<BR>
<CENTER><A href="http://www.toutjavascript.com" target='_blank'><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>

</CENTER>
</BODY></HTML>

Exécution du script

Code source

<HTML><HEAD><TITLE>Tout JavaScript.com - Liste avec recherche par clavier</TITLE><SCRIPT LANGUAGE="JavaScript">// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com// Script développé par Tout JavaScript.com// Si vous utilisez ce script, merci de laisser ce commentairevar Liste=new CreerListe("Pays", 5, 200)Liste.Add("Afghanistan");Liste.Add("Afrique du sud");Liste.Add("Albanie");Liste.Add("Algérie");Liste.Add("Allemagne");Liste.Add("Andorre");Liste.Add("Angola");Liste.Add("Antigua-et-Barbuda");Liste.Add("Arabie");Liste.Add("Argentine");Liste.Add("Arménie");Liste.Add("Australie");Liste.Add("Autriche");Liste.Add("Azerbaïdjan");Liste.Add("Bahamas");Liste.Add("Bahreïn");Liste.Add("Bangladesh");Liste.Add("Barbade");Liste.Add("Belau");Liste.Add("Belgique");Liste.Add("Belize");Liste.Add("Bénin");Liste.Add("Bhoutan");Liste.Add("Biélorussie");Liste.Add("Birmanie");Liste.Add("Bolivie");Liste.Add("Bosnie-Herzégovine");Liste.Add("Botswana");Liste.Add("Brésil");Liste.Add("Brunei");Liste.Add("Bulgarie");Liste.Add("Burkina");Liste.Add("Burundi");Liste.Add("Cambodge");Liste.Add("Cameroun");Liste.Add("Canada");Liste.Add("Cap-Vert");Liste.Add("Chili");Liste.Add("Chine");Liste.Add("Chypre");Liste.Add("Colombie");Liste.Add("Comores");Liste.Add("Congo");Liste.Add("Congo");Liste.Add("Cook");Liste.Add("Corée");Liste.Add("Corée");Liste.Add("Costa");Liste.Add("Côte");Liste.Add("Croatie");Liste.Add("Cuba");Liste.Add("Danemark");Liste.Add("Djibouti");Liste.Add("Dominique");Liste.Add("Égypte");Liste.Add("Émirats");Liste.Add("Équateur");Liste.Add("Érythrée");Liste.Add("Espagne");Liste.Add("Estonie");Liste.Add("États-Unis");Liste.Add("Éthiopie");Liste.Add("Fidji");Liste.Add("Finlande");Liste.Add("France");Liste.Add("Gabon");Liste.Add("Gambie");Liste.Add("Géorgie");Liste.Add("Ghana");Liste.Add("Grèce");Liste.Add("Grenade");Liste.Add("Guatemala");Liste.Add("Guinée");Liste.Add("Guinée-Bissao");Liste.Add("Guinée");Liste.Add("Guyana");Liste.Add("Haïti");Liste.Add("Honduras");Liste.Add("Hongrie");Liste.Add("Inde");Liste.Add("Indonésie");Liste.Add("Iran");Liste.Add("Iraq");Liste.Add("Irlande");Liste.Add("Islande");Liste.Add("Israël");Liste.Add("Italie");Liste.Add("Jamaïque");Liste.Add("Japon");Liste.Add("Jordanie");Liste.Add("Kazakhstan");Liste.Add("Kenya");Liste.Add("Kirghizistan");Liste.Add("Kiribati");Liste.Add("Koweït");Liste.Add("Laos");Liste.Add("Lesotho");Liste.Add("Lettonie");Liste.Add("Liban");Liste.Add("Liberia");Liste.Add("Libye");Liste.Add("Liechtenstein");Liste.Add("Lituanie");Liste.Add("Luxembourg");Liste.Add("Macédoine");Liste.Add("Madagascar");Liste.Add("Malaisie");Liste.Add("Malawi");Liste.Add("Maldives");Liste.Add("Mali");Liste.Add("Malte");Liste.Add("Maroc");Liste.Add("Marshall");Liste.Add("Maurice");Liste.Add("Mauritanie");Liste.Add("Mexique");Liste.Add("Micronésie");Liste.Add("Moldavie");Liste.Add("Monaco");Liste.Add("Mongolie");Liste.Add("Mozambique");Liste.Add("Namibie");Liste.Add("Nauru");Liste.Add("Népal");Liste.Add("Nicaragua");Liste.Add("Niger");Liste.Add("Nigeria");Liste.Add("Niue");Liste.Add("Norvège");Liste.Add("Nouvelle-Zélande");Liste.Add("Oman");Liste.Add("Ouganda");Liste.Add("Ouzbékistan");Liste.Add("Pakistan");Liste.Add("Panama");Liste.Add("Papouasie");Liste.Add("Paraguay");Liste.Add("Pays-Bas");Liste.Add("Pérou");Liste.Add("Philippines");Liste.Add("Pologne");Liste.Add("Portugal");Liste.Add("Qatar");Liste.Add("République");Liste.Add("République");Liste.Add("République");Liste.Add("Roumanie");Liste.Add("Royaume-Uni");Liste.Add("Russie");Liste.Add("Rwanda");Liste.Add("Saint-Christophe-et-Niévès");Liste.Add("Sainte-Lucie");Liste.Add("Saint-Marin ");Liste.Add("Saint-Vincent-et-les Grenadines");Liste.Add("Salomon");Liste.Add("Salvador");Liste.Add("Samoa");Liste.Add("Sao");Liste.Add("Sénégal");Liste.Add("Seychelles");Liste.Add("Sierra");Liste.Add("Singapour");Liste.Add("Slovaquie");Liste.Add("Slovénie");Liste.Add("Somalie");Liste.Add("Soudan");Liste.Add("Sri");Liste.Add("Suède");Liste.Add("Suisse");Liste.Add("Suriname");Liste.Add("Swaziland");Liste.Add("Syrie");Liste.Add("Tadjikistan");Liste.Add("Tanzanie");Liste.Add("Tchad");Liste.Add("Thaïlande");Liste.Add("Togo");Liste.Add("Tonga");Liste.Add("Trinité-et-Tobago");Liste.Add("Tunisie");Liste.Add("Turkménistan");Liste.Add("Turquie");Liste.Add("Tuvalu");Liste.Add("Ukraine");Liste.Add("Uruguay");Liste.Add("Vanuatu");Liste.Add("Vatican");Liste.Add("Venezuela");Liste.Add("Viêt");Liste.Add("Yémen");Liste.Add("Yougoslavie");Liste.Add("Zaïre");Liste.Add("Zambie");Liste.Add("Zimbabwe"); function CreerListe(nom, hauteur, largeur) {    this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;    this.search="";    this.nb=0;     this.Add=AjouterItem;    this.Afficher=AfficherListe;    this.MAJ=MAJListe;}function AjouterItem(item) {    this[this.nb]=item    this.nb++;}function AfficherListe() {    if (document.layers) {        var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";    } else {        var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";    }    for (var i=0; i<this.nb; i++) {        Z+="<OPTION value=""+this[i]+"">"+this[i]+"</OPTION>"            }    Z+="</SELECT>"    document.write(Z);}function MAJListe(txt,f) {    if (txt!=this.search) {        this.search=txt        f.elements[this.nom].options.length=0;         for (var i=0; i<this.nb; i++) {            if ( this[i].substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {                var o=new Option(this[i], this[i]);                f.elements[this.nom].options[f.elements[this.nom].options.length]=o;            }        }        if (f.elements[this.nom].options.length==1) {            f.elements[this.nom].selectedIndex=0;        }    }}function ListeCheck() {    Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])    if (document.layers) {        setTimeout("ListeCheck()", 1001)    } else {        setTimeout("ListeCheck()</script></HEAD><BODY bgcolor="#FFFFFF" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" ><FONT FACE="Arial" SIZE='-1' COLOR="navy"><BR><CENTER><BIG><B>Liste déroulante avec recherche par clavier</B></BIG><BR><BR></CENTER><BR>Ce script permet de réduire le contenu d'une liste en tapant le début du libellé.<BR>Tapez par exemple "a" dans la zone de texte. Tous les pays commençant par A sont affichés dans la liste.<BR>Tapez "al", les pays Albanie, Algérie et Allemagne restent dans la liste.<BR>Tapez "all", Allemagne reste seul dans la liste et se sélectionne.<BR>Si vous videz la zone de recherche, tous les pays ré-apparaissent.<BR><BR><FORM name=monform><INPUT type=text name=search><BR><script type="text/javascript">    Liste.Afficher();    ListeCheck();</script></FORM><BR><BR><BR><SMALL>(Liste des pays trouvée sur le site du ministère de la culture <A href="http://www.culture.fr" target="_blank">culture.fr</A>)</SMALL><BR><BR><BR><BR><BR><CENTER><A href="http://www.toutjavascript.com" target='_blank'><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER></CENTER></BODY></HTML><!-- Script développé par Olivier Hondermarck  --><!-- http://www.toutjavascript.com             -->

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...

Script : Liste avec recherche par clavier

Exécution du script

Code source

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets JavaScript