img usemap via JS

[LEMAIRE Mathieu]

I wanna change the usemap of an image with JS.. how to do it ?
Here's what I've tried (doesn't work) :

<img src='contenu.jpg' alt='' name='contenu' usemap='#map1'/>

<map name="map1"><area shape="rect" coords="0,0,20,20" href="#" /></map>
<map name="map2"><area shape="rect" coords="200,20,40,40" href="#" />
</map>

<a href='#' onclick="document['contenu'].usemap='map2';" >map2</a>
<a href='#' onclick="document['contenu'].usemap='map1';" >map1</a>

thank you

 

[Dietmar Meier]

<map [...] href="#" /></map>

<a href='#' onclick="document['contenu'].usemap='map2';" >map2</a>
<a href='#' onclick="document['contenu'].usemap='map1';" >map1</a>

<a href='#' onclick="document.images['contenu'].useMap='#map2'">map2</a>
<a href='#' onclick="document.images['contenu'].useMap='#map1'">map1</a>

ciao, dhgm

 

[LEMAIRE Mathieu]

thank you...so stupid i am !

ciao, dhgm