Liste de menu en tapant le début du libellé

Fermé
Philippe - 24 févr. 2009 à 16:26
bissdebrazza Messages postés 2065 Date d'inscription vendredi 29 juin 2007 Statut Contributeur Dernière intervention 7 décembre 2017 - 25 févr. 2009 à 01:08
Bonjour,

N'ayant aucune connaissance en javascript il m'arrive parfois d'utiliser des scripts en telechargement libre que je trouve très bien . Je recherche actuellement un script JAVA qui pourrait m'être utile dans un site internet que je voudrais débuter.
Le but est de permetre de réduire le contenu d'une liste en tapant le début du libellé.
Tapez par exemple "a" dans la zone de texte. Tous les pays commençant par A sont affichés dans la liste.
Tapez "al", les pays Albanie, Algérie et Allemagne restent dans la liste.
Tapez "all", Allemagne reste seul dans la liste et se sélectionne.
Si vous videz la zone de recherche, tous les pays ré-apparaissent.
Il existe un trés bon script que j'ai téléchargé, par contre lorsqu'un pays est trouvé je voudrais pouvoir le selectionner et par un lien aller sur une autre page.

Quelqu'un aurait il une idée ? ou en connait un autre existant ?

Merci de vos réponses?

voici le code

<HTML><HEAD>
<TITLE>Tout JavaScript.com - Liste avec recherche par clavier</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur https://www.toutjavascript.com/main/index.php3
// 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 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()", 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>

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

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

1 réponse

bissdebrazza Messages postés 2065 Date d'inscription vendredi 29 juin 2007 Statut Contributeur Dernière intervention 7 décembre 2017 712
25 févr. 2009 à 01:08
Salut!
ici
Bonne soirée!
2