chargement de liste dans le onload

Version imprimable

bonjour,
je voudrais réutiliser une fonction x fois au chargement afin de créer et remplir dynamiquement des listes. ma contrainte est de n'avoir qu'un seul fichier html.
donc j'écris les scripts dans le head et je mets un evenement onload dans le body de la page mais ca ne marche pas car les listes ne sont pas encore créees. voici mon exemple
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> function ajout(listeDep){ var annee = 2004; for (var i=1 ; i <= 11 ; i++) { var monOption = document.createElement('option'); monOption.text = annee + i; monOption.value = annee + i; listeDep.options[i] = monOption; } } </script>
les listes sont dans différents endroits de la page.
Code:

1 2 3 4 <select id="Danneer" > </select>
Lorsque je mets le script après la liste dans le body cela fonctionne mais je suis obligé de le répéter a chaque fois.
comment faire autrement
merci

Salut

Code:

1
2
3
4
5
6
7
8
9
10
function ajout(listeDep){
    var annee = 2004;
	for (var i=1 ; i <= 11 ; i++) {
		var monOption = document.createElement('option');
		monOption.text = annee + i;
		monOption.value = annee + i;
		listeDep.appendChild(monOption);
	}
 
}

25/03/2009, 15h56
Bovino

Code:

function ajout(listeDep)

listeDep, c'est quoi ?
25/03/2009, 16h55
psmpa
listeDep c'est le nom de liste qui va etre construite
malgres la modif cela ne marche toujours pas.
je mets le body
Code:

1 2 <body onload="ajout(Dannee)">
et la liste
Code:

1 2 3 4 <select id="Dannee" > </select>
en faite j'ai une erreur au niveau du onload. variable Dannee non defini.
bien sur la liste est imbriqué dans des div et un form

Code:

<body onload="ajout(Dannee)">

Là, Dannee est une variable (à priori non initialisée donc égale à undefined), apparemment, tu souhaites passer le texte Dannee, donc c'est :

Code:

<body onload="ajout('Dannee')">

Ensuite :
Code:

1 2 3 4 5 6 7 8 9 10 function ajout(listeDep){ var annee = 2004; for (var i=1 ; i <= 11 ; i++) { var monOption = document.createElement('option'); monOption.text = annee + i; monOption.value = annee + i; listeDep.options[i] = monOption; } }
ici, listeDep est une variable dont la valeur est l'argument passé dans l'appel de la fonction, donc sa valeur avec la rectification précédente est "Dannee",
mais ensuite, tu fais :

Code:

listeDep.options[i] = monOption;

mais listeDep est de type chaîne et n'a pas de propriété options ! C'est l'élément HTML correspondant qu'il faut utiliser :
Code:

1 2 3 4 5 6 7 8 9 10 function ajout(listeDep){ var annee = 2004; for (var i=1 ; i <= 11 ; i++) { var monOption = document.createElement('option'); monOption.text = annee + i; monOption.value = annee + i; document.getElementById(listeDep).options[i] = monOption; } }

25/03/2009, 17h31
psmpa
merci pour vos réponse.
l'erreur que je commettais c'est de de pas mettre le chemin complet dans le onload.
en mettant
Code:

1 2 <body onload="ajout(document.form1.Dannee)">
c'est ok.
une derniere question si je veux charger differentes listes dans le onload est que je peux faire ?
Code:

1 2 <body onload="ajout(document.form1.Dannee)";"ajout(document.form1.Dannee2)">
merci
25/03/2009, 17h40
psmpa
en faite j'ai trouvé il faut tout mettre entre les guillemets
Code:

1 2 <body onload="ajout(document.form1.Dannee);ajout(document.form1.Dannee2)">
a moins qu'il existe un autre moyen plus joli

Merci a tous:yaisse2:

Code:

<body onload="ajout(document.form1.Dannee);ajout(document.form1.Dannee2)">

est préférable, ensuite, tu peux aussi passer plusieurs arguments à ta fonction et boucler sur le nombre d'arguments :

Code:

<body onload="ajout(document.form1.Dannee,document.form1.Dannee2)">

et :
Code:

1 2 3 4 5 6 7 8 9 10 11 function ajout(){ for(var j=0; j<arguments.length; j++){ var annee = 2004; for (var i=1 ; i <= 11 ; i++) { var monOption = document.createElement('option'); monOption.text = annee + i; monOption.value = annee + i; arguments[j].options[i] = monOption; } } }