[POO] afficher les mois de l'année dans une boucle

Bonjour ,

Toujours dans mon apprentissage du Javascript , j'ai ue question à vous soumettre.
Je dois réaliser un formulaire avec une liste déroulante des mois de l'année et un champ texte pour l'année dans le but de récupérer une date.

Je pensais faire une boucle pour afficher les mois de l'année mais du coup je ne sais pas où placer le code ou comment appeler la fonction.

Est il possible de mettre entre les balises head une fonction du type :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" > function lesMois() { var lesMois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre", "octobre","novenbre","Décembre") ; for (var i=0 ;i< 12;i++) <option> lesMois[i] </option> ; } </script> </head>
du coup comment et d'où j'appelle mon script,je pensais à quelque chose du genre
Code:

1 2 3 4 5 6 <form name="form1" action="test.php" method="post">  <select name="lesmois" onload="lesMois();"> </select>
Voilà j'espère ne pas abuser de votre patience et Merci d'avance

Code:

1 2 3 4 for (var i=0 ;i< 12;i++) <option> lesMois[i] </option> ; }
cela ne devrait pas marcher ceci. Il faut que tu les inscrives dans le code html donc via document.write mais pas du tout adapter soit avec du dom qui est beaucoup plus adapté.

Citation:
Envoyé par darthmower
Code:

1 2 3 4 for (var i=0 ;i< 12;i++) <option> lesMois[i] </option> ; }
cela ne devrait pas marcher ceci. Il faut que tu les inscrives dans le code html donc via document.write mais pas du tout adapter soit avec du dom qui est beaucoup plus adapté.
document.write() :vomi:

Utilise les fonctions DOM.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function AfficherMois() { var liste; var mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novenbre","Décembre") ; var i, op; liste = document.createElement("select"); document.body.appendChild(liste); for (i=0; i<mois.length; i++) { op = new Option(mois[i], "", false, false); liste.options.add(op); } }

Merci ,

Donc si j'ai bien compris l'apprentissage de javascript/Dom est presque indispensable pour faire des choses interessantes.
Merci,je me replonge dans les liens que tu m'as donnés Auteur.

Merci à tous

Citation:

Envoyé par une_tite_question

Donc si j'ai bien compris l'apprentissage de javascript/Dom est presque indispensable pour faire des choses interessantes.

tout à fait... En utilisant les fonctions appropriées tu ne risques pas d'avoir de mauvaises surprises ;)

Mais surtout, oublie document.write() et utilise avec parcimonie innerHTML ;)

Ok je marque ce post comme résolu.
Merci

J'ai bien dit que document.write() n'était pas adapté u_u et que le dom l'était.

Citation:

Envoyé par darthmower

J'ai bien dit que document.write() n'était pas adapté u_u et que le dom l'était.

je n'ai pas dit le contraire ;)

Citation:

Envoyé par darthmower

J'ai bien dit que document.write() n'était pas adapté u_u et que le dom l'était.

C'est ce que j'ai compris A+ pour d'autres questions

Bonsoir,
Excusez moi de réouvrir cette discussion qui est censée être résolu.
Je viens de lire des tutos javascipt + Dom et je ne comprends pas
la partie en gras du code qui a été mis plus haut.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function AfficherMois() { var liste; var mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novenbre","Décembre") ; var i, op; liste = document.createElement("select"); document.body.appendChild(liste); for (i=0; i<mois.length; i++) { op = new Option(mois[i], "", false, false); liste.options.add(op); } }
Ce que je ne comprends pas :
Pour créer les balises <option> pourquoi ne passe t-on pas par un
document.createElement("option").Bien que je ne sais pas comment je pourrais ajouter les mois car dans :
Code:

1 2 <option> mois[i] </option>
mois[i] n'est pas un attribut on ne peut pas faire setAttribute.
Si vous m'aider à comprendre je vous serai très reconnaissant.
Merci

Code:

1 2 3 op = new Option(mois[i], "", false, false); // création d'une option liste.options.add(op); //ajout de l'option dans la liste (ajout à la fin de la liste)
Option() est un objet javascript qui prend 4 paramètres :
Code:

1 2 new Option("Text","Value", "defaultSelected", "selected");
Text => texte affiché entre les balises <option> (dans l'exemple c'est le contenu de la variable mois[i]) ;
Value => attribut value de la balise option (dans l'exemple, je n'ai pas donné de valeur) ;
defaultSelected => option sélectionnée par défaut (true ou false) ;
selected => sélectionner cette option (true ou false).

Les deux derniers paramètres ne sont pas toujours pris en charge par les navigateurs, c'est pour cette raison que j'ai écrit "false" dans le code.

Il est vrai que l'on peut utiliser createElement("option") (même si j'ai rarement vu un code utilisant cette possibilité), mais l'objet Option() est quand même plus pratique à utiliser ;)

Avec l'objet Option tu peux toujours préciser des paramètres par exemple :
Code:

1 2 3 4 op = new Option(mois[i], "", false, false); op.id = "idOption"; op.selected = "selected";

OK merci.
Cette fois c'est bon je pense que je ne réouvrirai plus ce post.

Merci beaucoup