Liste de menu en tapant le début du libellé
Philippe
-
bissdebrazza Messages postés 2886 Statut Contributeur -
bissdebrazza Messages postés 2886 Statut Contributeur -
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>
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>
A voir également:
- Liste de menu en tapant le début du libellé
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Libellé gmail - Guide
- Liste code ascii - Guide
- Liste de diffusion whatsapp - Guide
