Problème de la balise <area> avec <a>

Salut à tous,

Est-il possible d'encadrer une baliser <area> par une balise <a>?
Cela marche sans problème sous Google Chrome - Windows, mais dès que j'essaie ça sous Linux ça marche pas.

Code:

---

1 2 3 4

<map name="Map"> <a href="#" data-reveal-id="connexion"> <area coords="185,174,213,156,89,103,57,121" href="#" onmouseout="roll('images/banner_tsp_allocine.png')" onmouseover="roll('images/banner_tsp_allocine_connexion.png')" shape="poly" /></a></map>

---

Je sais bien que la balise area n'a pas besoin de "a" car elle a déjà comme attribut "href". Mais je cherche plutôt à intégrer "data-reveal-id='connexion'" qui me permettra d'ouvrir une fenêtre personnalisée JQuery sauf que la balise "area" n'admet pas ça. Du coup, j'ai déjà dû encadrer la baliser "area" par "<a href etc...>". ça marche bien sous windows (GoogleChrome), mais sous Linux (GoogleChrome) ça marche pas :(

Une autre petite question si vous permettez :-°
Firefox n’interprète pas correctement les balises "<area>" ! Chez lui, le "shape" est par défaut et ne peut être que "RECT" même si je mets bien (voir code ci-haut) shape="poly", du coup qui il me dit que mes coordonnées sans fausses (dans la console d'erreur).

Merci d'avance :)
Habib

Bonjour,
la bonne syntaxe est

Code:

---

1 2 3 4 5

<a> <map> <area> </map> </a>

---

toute autre construction peut entraîner des problèmes d'interprétation de la part des navigateurs, la preuve Firefox qui te retourne une erreur qui est liée à cela.

As tu essayé de détourner le click sur un autre élément, style button

Code:

---

1 2 3 4 5 6 7 8 9

<div style = "display:none"> <button id = "go" onclick = "alert('ICI');">ICI</button> </div> <map name="Map"> <area onclick = "document.getElementById('go').click()" coords = "185,174,213,156,89,103,57,121" shape = "poly"> </map>

---

Citation:

---

Envoyé par NoSmoking

Bonjour,
la bonne syntaxe est

Code:

---

1 2 3 4 5

<a> <map> <area> </map> </a>

---

toute autre construction peut entraîner des problèmes d'interprétation de la part des navigateurs, la preuve Firefox qui te retourne une erreur qui est liée à cela.

As tu essayé de détourner le click sur un autre élément, style button

Code:

---

1 2 3 4 5 6 7 8 9

<div style = "display:none"> <button id = "go" onclick = "alert('ICI');">ICI</button> </div> <map name="Map"> <area onclick = "document.getElementById('go').click()" coords = "185,174,213,156,89,103,57,121" shape = "poly"> </map>

---

---

Merci beaucoup :) je vais essayer ça :)