Problème Popup sous une forme map

Bonjour toutes et tous,


Je programme sous dreamweaver. J'ai un soucis, j'ai une image de fond de site avec plusieurs champs de texte écrit dessus.
Je veux que chaque champs ouvre une popup en cliquant dessus.

Pour celà avec la fonction "map" j'ai mappé mes zones de textes avec Area = rectangle.
En amont de mon code j'ai déclaré le contenu de mes "popups" et les caratéristiques générales sont dans mon fichier styles.

Je n'arrive pas à déclencher l'ouverture de mes popups quand je clique sur mes aréas.....

Pouvez vous m'aider ??

code de mes areas :

<img src="/CESS/images/Fond_Contenu_Courbe_Sante_1.png" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="36,317,325,383" href="#">
<area shape="rect" coords="639,317,925,381" href="#">
<area shape="rect" coords="671,443,947,511" href="#">
<area shape="rect" coords="77,450,271,487" href="#">
<area shape="rect" coords="316,518,663,590" href="#">
</map



exemple de code pour la pop0 :

<div id="pop0" style="display:none;">
<div class="col_left"><img src="images/equipe/nicolas_grand.png" alt="nicolas-grand" width="285" height="446" /></div>
<div class="col_right">
<h2>NICOLAS XXXXXXXX</h2><p><strong>34 ans</strong><br>
- 3ème Cycle bio-moléculaire et physiologie de l'Exercice<br />
- Diplôme Ingénieur Bio Informatique<br />
- Master Recherche Informatique Mathématiques pour la Biologie Informatique<br />
- Enseignant à l'Université d'Evry en filiere STAPS<br />
- Spécialiste des aspects Energétiques et Locomoteurs de la performance<br />
- Co-Responsable du développement d'une cellule d'évaluations physiologiques<br />
- Conseiller expert pour le laboratoire de physiologie et biomécanique haut niveau de l'INSEP<br />
- Suivi de l'entraînement et Préparation physique<br />
- Conception, développement d'outils d'analyse biomécanique pour le sport et la santé<br />
- Brevet d'Etat d'Educateur Sportif Football<br />
- Ancien footballeur de haut-niveau jeune (INF Vichy)<br />
<br />
</p>
</div>
<div class="fermer"><a onclick="$('pop0').fade();"><img src="images/png/Fermer.png" width="20" height="20" />Fermer</a></div>
</div>

Salut

As-tu penser à utiliser des iframes à la place de tes fenêtre pop-up

Voici un tuto bien rédiger si tu ne sais pas utiliser les iframes

ici

Yop !

As tu repéré l'origine probable du problème?

Essaye de déclencher un 'alert' JavaScript pour chacun de tes shapes.
Tu peux ainsi restreindre l'étendu des erreurs probables, et te rapprocher d'une solution

Tes "popups" sont de simples div à afficher ou cacher, c'est ça?

Une fois que tu as testé que tes zones définies par ton image map sont bien reconnu (avec le alert de JavaScript), tu peux effectuer le même test avec un display:block de tes "popups".