Discussion :

[chris1984]

Bonjour,

J'utilise DreamWeaver CS5 et à l'aide de celui-ci j'ai créé une image qui utilise une "Map" afin de définir des zones sensibles. 2 de ces zones sont utilisés actuellement afin de faire la navigation entre 2 pages qui possède comme unique différence l'image et ses zones sensibles. J'aimerais dans le meilleur des mondes dissimulés ses 2 images à l'intérieur de la même page et les 2 zones navigatrices seraient utilisés afin de rendre visible/invisible l'image désirée. J'ai fouillé un peu partout mais n'arrive pas à trouver, quelqu'un a t-il une solution?

Code html :

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

1
2
3
4
5
6
7
8
9
<img src="Images/2Onglet utilisateur.gif" width="753" height="374" border="0" usemap="#Map"/> 
 
<map name="Map" id="Map">
 
     <!--Voilà ce que je voudrais que le code créé : <area shape="rect" coords="3,6,47,20" onclick="img src=Nouvellesource OU img1.visible=hidden img2.visible=visible ET usemap=#Map2" /> -->
 
  <area shape="rect" coords="3,6,47,20" href="Sanstitre-3v2.dwt" />
  <area shape="rect" coords="53,6,131,21" href="Sanstitre-3v3.dwt" />
</map>

[Vil'Coyote]

en dehors d'ajouter du javascript sur tes area j'vois pas trop quoi faire et c'est pas DW qui fera ça à ta place. il faudra codé tes actions.
donc en gros un style.display=none sur tes images et onclick qui passe le dislay a block

[chris1984]

Apporté quelques modifications et tout fonctionne comme désiré.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<img src="Compte PE/2Onglet utilisateur.gif" width="753" height="374" border="0" name="img" style="display:block" usemap="#Map"/> 

<map name="Map" id="Map">
  <area shape="rect" coords="3,6,47,20" onclick="clickChange('Compte PE/2Onglet general.gif','#Map2')" />
  <area shape="rect" coords="53,6,131,21" onclick="clickChange('Compte PE/2Onglet utilisateur.gif','#Map')" />
</map>

<map name="Map2" id="Map2">
    <!--Ceci est la zone reactive pour le champs de l'unité administrative-->
      <area shape="rect" coords="148,162,330,181" href="#" onmouseover="affiche('Date cible','Le champ date cible sert à insérer une date 	à laquelle on désire que la demande soit résolue');return true" onMouseOut="affiche('','');return true">
      
    <!--Ceci est la zone reactive pour le champs de l'unité administrative-->
      <area shape="rect" coords="149,184,330,204" href="#" onmouseover="affiche('Date fin','Le champ date de fin prévue sert à insérer la date à laquelle ...........');return true" onMouseOut="affiche('','');return true"/>
      
    <!--Ceci est la zone reactive pour le champs de l'unité administrative-->
      <area shape="rect" coords="147,138,257,160" href="#" onmouseover="affiche('Unité administrative','Le champ unité administrative sert à indiquer le nom du service pour lequel le demandeur travaille');return true" onMouseOut="affiche('','');return true"/>
      <area shape="rect" coords="55,6,131,21" onclick="clickChange('Compte PE/2Onglet utilisateur.gif','#Map')"/>
      <area shape="rect" coords="5,6,52,22" onclick="clickChange('Compte PE/2Onglet general.gif','#Map2')" />
</map>