problème de <map> sur une image - HTML/CSS - Programmation
Marsh Posté le 09-10-2006 à 17:56:55
| benjones a écrit : ...  | 
 
this code is 3vil  
 
 
pas de href="javascript..." c'est interdit pas la convention de génève!!! remplace le par: 
| Code : 
 | 
 
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 !
Marsh Posté le 09-10-2006 à 18:12:43
| benjones a écrit : Lol,  | 
 
ou plus propre: 
| Code : 
 | 
 
Sans oublier le "return false" dans taFonctionJS 
 
| benjones a écrit : **** de internet explorer... | 
 
  Avant d'incriminer qui que ce soit, il vaut mieux être sur de son code ...
 Avant d'incriminer qui que ce soit, il vaut mieux être sur de son code ... 
Marsh Posté le 09-10-2006 à 18:44:10
ReplyMarsh Posté le 10-10-2006 à 09:15:38
| dwogsi a écrit : Et que penser du #1 préconisé par certains ici? | 
 
d'la bouse  Non j'éxagère...
 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. 
Marsh Posté le 10-10-2006 à 09:43:02
| anapajari a écrit : d'la bouse  | 
 ![[:aloy] [:aloy]](https://forum-images.hardware.fr/images/perso/aloy.gif)
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 !