Récuperer un array Javascript
Résolu
Bonjour,
Voilà j'aimerais récuperer le contenu d'un array javascript sous forme de liste (html) dans une div pré-existante mais un petit code vaut mieux qu'un long discours:
MON HTML
<body>
<div >
<img id="world" src="monde.jpg" usemap="map"/>
<div id="area_countries_container"><ul id="area_countries"></ul></div>
</div>
<script type="text/javascript" src="countries.js"></script>
<map name="map">
<area id="over_north_am" shape="polygon" href="#" coords="3,14,176,2,75,103,42,96"
onClick="
for(I=0;I<NorthAm.lenght;I++;)
{
document.getElementById(area_countries_container).value=NorthAm[I];
}
"
/>
et l'array dans mon fichier .JS
var NorthAm = new Array ('Canada','Etats-unis');
la finalité de ce code est que lorsque l'on clique sur certaines parties d'une image map apparaisse superposée à l'image une liste présentant les pays disponibles.... mais mon onClick ne produit aucun résultats.
Mon royaume pour une solution....
merci d'avance
--
Voir hyperion puis mourir.....
Gare au Gritche.
Voilà j'aimerais récuperer le contenu d'un array javascript sous forme de liste (html) dans une div pré-existante mais un petit code vaut mieux qu'un long discours:
MON HTML
<body>
<div >
<img id="world" src="monde.jpg" usemap="map"/>
<div id="area_countries_container"><ul id="area_countries"></ul></div>
</div>
<script type="text/javascript" src="countries.js"></script>
<map name="map">
<area id="over_north_am" shape="polygon" href="#" coords="3,14,176,2,75,103,42,96"
onClick="
for(I=0;I<NorthAm.lenght;I++;)
{
document.getElementById(area_countries_container).value=NorthAm[I];
}
"
/>
et l'array dans mon fichier .JS
var NorthAm = new Array ('Canada','Etats-unis');
la finalité de ce code est que lorsque l'on clique sur certaines parties d'une image map apparaisse superposée à l'image une liste présentant les pays disponibles.... mais mon onClick ne produit aucun résultats.
Mon royaume pour une solution....
merci d'avance
--
Voir hyperion puis mourir.....
Gare au Gritche.
Configuration: Windows 2003 Firefox 2.0.0.15
2 réponses
-
Salut et merci de ta reponse, mais en fait quelqu'un m'a réglé le problème comme ceci :
En balise script
function printDiv(arrCountryList)
{
strCountryList = new String();
for (tmpCountry in arrCountryList)
{
strCountryList = strCountryList.concat("<li>" + arrCountryList[tmpCountry] + "</li>");
}
document.getElementById("area_countries").innerHTML=strCountryList;
}
et dans l'area de ma map
onClick="printDiv(NorthAm);"
Ce que je ne peux pas vraiment expliquer vu mon peu de connaissance des fonctions.
Sinon une autre de mes erreurs était que (area_countries_container) doit être en string donc comme ceci ('area_countries_container').
Et pour finir dans un evenement il n'est pas nécéssaire de spécifier le langage, ou en tout cas ça ne m'a jamais bloqué.
Merci encore de ta réponse.
max -
Slt,
comme tu le dis, ton OnClick marche pas, je pense que c'est du au fait que tu lui donne du javascript sans même mettre les balises <script>. Je suis pas sur je n'ai pas tester mais j'essayerais cela:
<body> <div > <img id="world" src="monde.jpg" usemap="map"/> <div id="area_countries_container"><ul id="area_countries"></ul></div> </div> <script type="text/javascript" src="countries.js"></script> <map name="map"> <area id="over_north_am" shape="polygon" href="#" coords="3,14,176,2,75,103,42,96" onClick=" <script language='Javascript'>for(I=0;I<NorthAm.lenght;I++;) { document.getElementById(area_countries_container).value=NorthAm[I]; }</script> " ... />
