Stellayr Un peu plus près des étoiles | A chaque mois correspond plusieurs thèmes, les tableaux de ces thèmes sont contruits dynamiquement à l'intérieur du javascript.
Il ne reste alors plus qu'à afficher le contenu.
Je préfère te filer un exemple code javascript brut sans le PHP, ca sera plus simple à comprendre.
Code :
- // tableaux des modèles :
- var peugeot = new Array()
- peugeot = ["106","206","306","406"];
- var citroen = new Array()
- citroen = ["saxo","xsara","xantia","picasso"];
- function changeModele(val) {
- // pour vider la ligne 3 du tableau des modeles
- //document.formulaire.modele.options[3]=null;
- // pour vider le tableau des modeles
- document.formulaire.modele.options.length=0;
- var modele=val;
- switch (val)
- {
- case 'peugeot' :
- for (i=0;i<peugeot.length;i++)
- {
- opt=new Option (peugeot[i],peugeot[i]+".html",true,false);
- document.formulaire.modele.options[document.formulaire.modele.options.length]=opt;
- }
- break;
- case 'citroen' :
- for (i=0;i<citroen.length;i++)
- {
- opt=new Option (citroen[i],citroen[i]+".html",true,false);
- document.formulaire.modele.options[document.formulaire.modele.options.length]=opt;
- }
- break;
- }
- }
|
et après dans la page un simple select :
Code :
- <select name="marque" onchange="changeModele(this.value)">
- <option value="" selected>Choisissez une marque</option>
- <option value="peugeot"> Peugeot</option>
- <option value="citroen"> Citroën</option>
- </select>
|
|