[résolu] Utilisation d'une image map

[yves bruant]

Ce code ne fonctionne pas avec Firefox :

Code : Tout sélectionner

<IMG SRC="uneimage.jpg" WIDTH="640" HEIGHT="462" ISMAP USEMAP="#mapareas">
<MAP NAME="mapareas">
<AREA SHAPE=RECT COORDS="33,150 138,306" HREF="#" ALT="Texte coords 1">
<AREA SHAPE=RECT COORDS="153,139 252,288" HREF="#" ALT="Texte coords 2">
</MAP>

Avec IE lorsque le curseur arrive sur une zone correspondant aux coordonnées, il change d'apparence
et le texte ALT (Texte coords n) est affiché.

Firefox n'affiche pas ce texte qui est indispensable pour l'application que je développe. Puis-je ou dois-je faire quelque chose au code pour qu'il devienne indépendant du navigateur ?

Merci de m'avoir lu.

Yves

[calimo]

M'est avis que c'est l'attribut "title" qui doit être utilisé en lieu et place de alt. D'ailleurs je suis sûr que ça ne passe pas la validation.

En effet, l'attribut alt sert à indique un texte alternatif, au cas où l'image ne pourrait pas être affichée. Si l'image est affichée, le texte alternatif n'est plus nécessaire.
En revanche l'attribut title sert à donner une info supplémentaire sur le lien (ce qui semble justement être le but que tu recherche).

Un fois de plus une mauvaise interprétation de la part d'IE ammène à des problèmes de ce genre

[Invité]

Merci

Effectivement, ça fonctionne. J'ignorais l'existence de cet attribut qui n'est d'ailleurs pas listé parmi ceux qui sont associés à <AREA> dans la doc de html 4 à laquelle je me réfère. On apprend tous les jours.

Encore merci.

Yves.

[XF007]

bha la doc a la quelle tu te refere est soit fausse, soit dépassée !

<IMG SRC="uneimage.jpg" WIDTH="640" HEIGHT="462" ISMAP USEMAP="#mapareas">

je doute que ca soit du html très propre

[Invité]

C'est quoi du très propre, pour toi ?

[XF007]

Code : Tout sélectionner

<img src="uneimage.jpg" width="640" height="462" usemap="mapareas" />
<map id="mapareas">
<area shape="rect" coords="33,150 138,306" href="#" title="Texte coords 1" />
<area shape="rect" coords="153,139 252,288" href="#" title="Texte coords 2" />
</map>

par exemple

[Jigho]

C'est quoi du très propre, pour toi ?

Du code qui respecte les standards du W3C

Bon, allez, zou, je transfere dans la section développement web...

[calimo]

Quelle est la doc à laquelle tu te réfères ? Je suis curieux de savoir l'adresse pour y jeter un oeil

La seule valable est celle du W3C : http://www.w3.org/TR/html4/ (voir aussi sa traduction française).

Au point 13.6.1 Client-side image maps: the MAP and AREA elements
on trouve bien l'attribut title (un peu en bas, et l'exemple ne le présente pas, mais on le trouve).

En fait l'attribut title (comme id, class, lang, style etc.) peut être utilisé sur tous les éléments.

Dans ton cas il n'est pas exclus qu'il soit judicieux de proposer le title (infobulle dans les navigateurs graphiques) en conjonction avec le alt (ce qu'on voit sur l'image).

[Invité]

Je me réfère en cas de besoin à http://www.htmlhelp.com/reference/html40/

Par ailleurs, j'utilise WebExpert pour les pages volumineuses ou complexes,
sinon, je tape mon code à la main, à l'inspiration

Merci pour les conseils.

Grâce à eux, le fonctionnement voulu est bien restitué par Firefox, en revanche,
je cherche encore comment envoyer un mail contenant un tel code.
Peut-être ça marche (je n'ai pas encore essayé) en donnant comme source
de l'image une url sur mon site, mais je voudrais que l'image soit
automatiquement dans le mail. J'ai posté à ce sujet dans le forum de Thunderbird,
http://www.geckozone.org/forum/viewtopic.php?t=10034

mais ma question est mal posée ou alors sans solution car je n'ai pas de réponse.
Faut quand même que je patiente un peu.

En fait, tout ce que j'avais fait fonctionnait au poil avec ie ou oe,
mais un pote utilisant Thunderbird, a consataté le défaut de fonctionnement

C'est la vie non ?

[jv2759]

En fait, tout ce que j'avais fait fonctionnait au poil avec ie ou oe,
mais un pote utilisant Thunderbird, a consataté le défaut de fonctionnement

Je ne sais pas ce que tu as utiliser exactement, mais tu doit pour cela surment utiliser des balises propriétaire ie...

[Invité]

Rien de spécifique, mais j'utilisais ALT au lieu de TITLE, c'est tout

[jv2759]

Rien de spécifique, mais j'utilisais ALT au lieu de TITLE, c'est tout

J'ai du louper un bout moi. Tu ne parler pas d'envoyer une image avezc un lien mailtot?

Pardon, je me tai, il faut oublier ce que j'ai dit, il est fatiguer le monsieur et il vas ce recoucher;)

[Invité]

Rien de spécifique, mais j'utilisais ALT au lieu de TITLE, c'est tout, et firefox n'affiche les ALT que si l'image ne l'est pas.

Au demeurant, ça marche toujours très bien avec oe, toujours pas avec thunderbird.

En effet avec oe, je peux créer un email avec mon code (voir plus haut) dans lequel l'url de l'image pointe sur mon disque dur. Lors de l'envoi, oe change cet url vers une adresse interne au mail, et ajoute tout seul l'image à cette adresse. Thunderbird ne le fait pas.

[jv2759]

Rien de spécifique, mais j'utilisais ALT au lieu de TITLE, c'est tout, et firefox n'affiche les ALT que si l'image ne l'est pas.

Le mieux dans ce cas c'est de toujours mettre les deux atribue, quitte à ce qu'il soit égale l'un l'autre...

[calimo]

Rien de spécifique, mais j'utilisais ALT au lieu de TITLE, c'est tout, et firefox n'affiche les ALT que si l'image ne l'est pas.

Ce qui est le comportement attendu, si l'image est affichée, il n'y a pas besoin du texte alternatif non ? (vu que par définition alt est un texte de remplacement pour les agents utilisateurs qui sont incapables d'afficher les images)

On peut mettre les deux mais leur contenu n'est pas équivalent (title donne une information supplémentaire sur le lien alors que alt remplace l'image).

Pour TB je crois que la réponse est donnée ailleurs

PS : l'utilité de s'identifier c'est d'avoir toujours le même nom, ainsi on sait à qui on parle...
"Invité" ça peut être n'importe qui