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 ...
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...
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 Non j'éxagère... |
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 !