Retourner à la page d'accueil de TJS
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.

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

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...
Le 24/07/2021 22:56:50 sur php7 en 101.88 ms