Toutela - Le site facile des Internautes

Le but de ce script est d'alimenter une liste d'options en fonction du choix de l'utilisateur dans une autre liste. Les contenus de la seconde liste étant stockés dans des tableaux JavaScript permettant de prendre tout ou partie de la liste.

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

// Tableaux des valeurs pour chaque item de la premičre liste
// Chaque élément est en deux partie :
// Le texte, un séparateur (Ł), la valeur
var opt_cinema = new Array(
'ET l\'extra-terrestreŁet',
'Mission: ImpossibleŁmi',
'Retour vers le futurŁretour',
'La fureur du dragonŁfureur',
'Indiana JonesŁindy',
'MiseryŁmisery',
'James BondŁ007'
);

var opt_musique = new Array(
'Johnny HallidayŁjohnny',
'Mireille MatthieuŁmatthieu',
'LorieŁlorie',
'GarouŁgarou',
'Aston VillaŁastonvilla',
'Bruce SpringsteenŁspringsteen',
'Francis CabrelŁcabrel',
'Lara FabianŁfabian',
'Roch VoisineŁroch',
'Patrick BruelŁpatriiick'
);

var opt_theatre = new Array(
'Boing-boingŁboing',
'Le roi LearŁlear',
'Cuisines et dependancesŁcuisines',
'Voyage au bout de la nuitŁvoyage'
);

// Fonction avec nom du formulaire, de la premičre et de la seconde liste en paramčtres
function populate(form,select1,select2) {

// Création de raccourcis pour manipuler les listes
var origine = 'document.' + form + '.' + select1;
var resultat = 'document.' + form + '.' + select2;

// Si un item est sélectionné (sauf le premier, vide)
if ( eval(origine + '.options[' + origine + '.selectedIndex]').value != '' ) {

// Séparation de la valeur de l'item toutes les ',' en 2 éléments
var contenu = eval(origine + '.options[' + origine + '.selectedIndex]').value.split(",");

// Si on trouve un zéro, on prendra tous les éléments
if ( contenu[1] == 0 ) {
longueur = eval('opt_' + contenu[0]).length;
}

// Sinon...
else {

// on prend le nombre trouvé
longueur = contenu[1];
}

// Effacement de la liste d'arrivée (au cas oů elle contienne déjŕ des éléments)
eval(resultat).length = 0;

// Pour chaque élément du tableau voulu
for ( i = 0; i < longueur; i++ ) {

// Séparation tous les 'Ł' pour obtenir les textes et les valeurs
var valeur = eval('opt_' + contenu[0])[i].split("Ł");

// Affectation ŕ la liste d'arrivée
eval(resultat).options[i] = new Option(valeur[0], valeur[1]);
}

// Instruction spécifique ŕ Netscape 4.x
if (nc4) {

// Sélection du premier item de la liste d'arrivée
eval(resultat).options.selectedIndex = 0;

// Rechargement de la page pour voir apparaître les nouvelles valeurs
history.go(0);
}
}
}
</script>

Entre <BODY> et </BODY> :

Newsletter

Toutela