Discussion :

[Essoussi M. Habib]

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 :

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

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

[NoSmoking]

Bonjour,
la bonne syntaxe est

Code :

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

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 :

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

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>

[Essoussi M. Habib]

Bonjour,
la bonne syntaxe est

Code :

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

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 :

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

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