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.
Configuration: Windows 2003
Firefox 2.0.0.15

2 réponses

  1. 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>
    "
    ...
    /> 

    1. 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