chargement de liste dans le onload

**psmpa** · 25/03/2009, 15h40

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**andry.aime** · 25/03/2009, 15h45

Salut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
	}
 
}

**Bovino** · 25/03/2009, 15h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function ajout(listeDep)

listeDep, c'est quoi ?

**psmpa** · 25/03/2009, 16h55

listeDep c'est le nom de liste qui va etre construite
malgres la modif cela ne marche toujours pas.
je mets le body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<body onload="ajout(Dannee)">

et la liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 25/03/2009, 17h23

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
	}
 
}

**psmpa** · 25/03/2009, 17h31

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci

**psmpa** · 25/03/2009, 17h40

en faite j'ai trouvé il faut tout mettre entre les guillemets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 25/03/2009, 17h41

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
	}
} 
}

chargement de liste dans le onload

JavaScript

Discussions similaires

Partager

Partager