problème de <map> sur une image

problème de <map> sur une image - HTML/CSS - Programmation

Marsh Posté le 09-10-2006 à 17:14:52    

Bonjour !
J'ai créé une image que j'appelle dans ma page de cette manière :
<img id="mon_image" src="img/image1.png" border="0" usmap="#ma_map">
 
Jusque là, pas de problème.
 
J'ai également créé ma map :
 
<map name="ma_map">
    <area shape="rect" coords="0,0,115,30" href="javascript:js_local_diaporama('page1.png');" title="Risques identifiés">
    <area shape="rect" coords="115,0,235,30" href="javascript:js_local_diaporama('page2.png');" title="Paramètres dossier">
    <area shape="rect" coords="660,450,680,470" href="javascript:js_local_diaporama('page3.png');">
    <area shape="rect" coords="560,450,580,470" href="javascript:js_local_diaporama('page2.png');">
    <area shape="rect" coords="235,0,355,30" href="javascript:js_local_diaporama('page4.png');" title="Unités de travail">
    <area shape="rect" coords="355,0,470,30" href="javascript:js_local_diaporama('page5.png');" title="Questionnaire">
    <area shape="rect" coords="600,0,715,30" href="javascript:js_local_diaporama('page6.png');" title="Suivi des actions">
</map>
 
Je me sert de cela pour céer un diaporama (changer la source de l'image)
 
Voici la fonction js :
 
function js_local_diaporama(image)
{
   var new_scr = "img/"+image;
   document.getElementById("mon_image" ).src = new_scr;
}
 
Mon problème c'est que l'image change uniquement sous Firefox, mais rien ne se passe sous IE :(
 
Merci !

Reply

Marsh Posté le 09-10-2006 à 17:14:52   

Reply

Marsh Posté le 09-10-2006 à 17:56:55    

benjones a écrit :

...
<map name="ma_map">
    <area shape="rect" coords="0,0,115,30" href="javascript:js_local_diaporama('page1.png');" title="Risques identifiés">


this code is 3vil :o
 
pas de href="javascript..." c'est interdit pas la convention de génève!!! remplace le par:

Code :
  1. <area... onclick="js_local_diaporama('page1.png')">


Reply

Marsh Posté le 09-10-2006 à 18:09:20    

Lol,
Le onclick fonctionne, mais uniquement si je met un href="#"...
 
**** de internet explorer...
 
Merci beaucoup !

Reply

Marsh Posté le 09-10-2006 à 18:12:43    

benjones a écrit :

Lol,
Le onclick fonctionne, mais uniquement si je met un href="#"...


ou plus propre:

Code :
  1. <area href="" onclick="return taFonctionJs()"/>


Sans oublier le "return false" dans taFonctionJS
 

benjones a écrit :

**** de internet explorer...


 :pfff: Avant d'incriminer qui que ce soit, il vaut mieux être sur de son code ...

Reply

Marsh Posté le 09-10-2006 à 18:44:10    

Et que penser du #1 préconisé par certains ici?

Reply

Marsh Posté le 10-10-2006 à 09:15:38    

dwogsi a écrit :

Et que penser du #1 préconisé par certains ici?


d'la bouse :o Non j'éxagère...
En fait c'est un gros hack ama. Vu qu'il ne peut pas y avoir de id ou name valant 1, le #1 ne peut pas pointer sur element du document.
Cette solution corrige le problème du href="" qui empêche la validation de la page, mais je suis pas fan.

Reply

Marsh Posté le 10-10-2006 à 09:43:02    

anapajari a écrit :

d'la bouse :o Non j'éxagère...
En fait c'est un gros hack amha. Vu qu'il ne peut pas y avoir de id ou name valant 1, le #1 ne peut pas pointer sur element du document.
Cette solution corrige le problème du href="" qui empêche la validation de la page, mais je suis pas fan.


[:aloy]

Reply

Marsh Posté le 10-10-2006 à 10:03:35    

nan nan nan, ou t'as vu joué que j'étais humble :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed