Un site dynamique
Un tableau à deux dimensions
Sur le principe, on se rapproche doucement de la programmation orientée objet .En fait on l'utilise déjà quand on fait
lesmarques.length.
On s'adresse à l'objet lesmarques (qui est un tableau) et on lui demande sa propiété longueur, en fait la taille du tableau ).
3) Une marque peut être inactive si on a pas de photos à montrer . La marque concernée ici, est kawazaki.
On doit admettre les limites de notre système, "l'objet" lesmarques doit avoir d'autres attributs que l'intitulé, par exemple le nombre de photos à afficher ou le fait qus son entrée dans le menu soit active ou pas .
Une petite recherche avant la solution pour la création du tableau à deux dimensions.
??
var letitre = 'Un site de présentation de motos';
var lesmarques = [];
lesmarques.push(['ducati',1]);
lesmarques.push(['kawazaki',0]);
lesmarques.push(['honda',1]);
lesmarques.push(['suzuki',1]);
var tailletableau = lesmarques.length;
var liste= '';
for(i=0;i< tailletableau ;i++) {
if(lesmarques[i][0] == 0)
liste+=''+lesmarques[i][1]+'';
else
liste+=''+lesmarques[i][1]+'';
}
//On attend que le document soit entièrement chargé avant d'agir
$( document ).ready(function() {
$('#title').html(letitre);
$('#maliste').html(liste);
});
|
- Ligne 3, c'est ainsi qu'on définit un tableau en javascript
- ligne 4 on récupère la taille du tableau, ici 4, soit des élements indexés de 0 à 3 lesmarques[2] correspond à kawazaki
- Ligne 8, on parcourt le tableau, de i=0 à 3
- Ligne 9 on fabrique la liste (qui en fait un un texte HTML que l'on affichera ensuite
|