Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2987 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème de <map> sur une image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème de <map> sur une image

n°1454496
benjones
Posté le 09-10-2006 à 17:14:52  profilanswer
 

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 !

mood
Publicité
Posté le 09-10-2006 à 17:14:52  profilanswer
 

n°1454517
anapajari
s/travail/glanding on hfr/gs;
Posté le 09-10-2006 à 17:56:55  profilanswer
 

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')">


n°1454523
benjones
Posté le 09-10-2006 à 18:09:20  profilanswer
 

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

n°1454525
anapajari
s/travail/glanding on hfr/gs;
Posté le 09-10-2006 à 18:12:43  profilanswer
 

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 ...

n°1454542
dwogsi
Défaillance cérébrale...
Posté le 09-10-2006 à 18:44:10  profilanswer
 

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

n°1454660
anapajari
s/travail/glanding on hfr/gs;
Posté le 10-10-2006 à 09:15:38  profilanswer
 

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.

n°1454676
gatsu35
Blablaté par Harko
Posté le 10-10-2006 à 09:43:02  profilanswer
 

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]

n°1454691
anapajari
s/travail/glanding on hfr/gs;
Posté le 10-10-2006 à 10:03:35  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème de <map> sur une image

 

Sujets relatifs
Problème d'image dans une case de tableau sous IEProbleme d'image aleatoire
Probleme avec bouton et image de fondProbléme de chargement d'image avec GD et Formulaire
Problème envoie image + redimenssionnement : marche pasProblème image quelques fois affiché sous IE mais pas tout le temps
Problème d'un script d'up d'image en ayant changé d'hébergementProblème include et affichage d'image
Probleme image "fixed"problème convertion image jpg en image svg avec batik
Plus de sujets relatifs à : problème de <map> sur une image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR