Fonctionnement du onLoad.
Bonjour,
Tous d'abord sachez que j'ai un niveau débutant en javascript (je l'utilise très peu)
Pour une application spécifique, j'ai un formulaire contenant une liste déroulante.
Je souhaite qu'a l'affichage du formulaire, javascript aille chercher les options de la liste déroulante dans un fichier texte externe.
Bien sur, ca ne marche pas pouvez-vous m'aider ?
Le fichier texte contenant les options de la liste déroulante:
Code:
1 2 3 4 5 6 7 8 9 10
|
choix=new Option("Tous (comparateur)","0");
form.sites.options[form.sites.options.length]=choix;choix=new Option("choix1","1");
form.sites.options[form.sites.options.length]=choix;choix=new Option("choix2","2");
form.sites.options[form.sites.options.length]=choix;choix=new Option("choix3","3");
form.sites.options[form.sites.options.length]=choix; |
Le formulaire (simplifié pour voir le pb):
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="include/fonctions.js"></script>
</head>
<body>
<form method="post" action="">
<label for="sites" class="ajuster_ie">Sites: </label>
<select name="sites" id="sites" onLoad="AfficherSites(this.form,this.form.sites)">
</select>
</form>
</body>
</html> |
Et enfin ma fonction AfficherSites:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
|
/* Fonction qui affiche la liste des sites dans le formulaire */
function AfficherSites(form,list) // Fonction qui écrit options dans le menu "sites"
{
list.options.length=0;// remise à 0, sinon il "rajoutera" à chaque choix différent de nouvelles options.
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("GET", "cache/menu-site/sites.txt", true);
xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4) eval(xhr_object.responseText);
}
xhr_object.send(null);
}
/* Fin de la fonction qui affiche la liste des sites dans le formulaire */ |
Voila, si quelqu'un peu m'aider à comprendre le problème.
Merci d'avance.