javascript:void(0); qui me pose problème !
Le
google
Bonjour,
j'ai un problème de chargement d'images sous IE6 dans un script.
Dans ma page, j'ai une image avec un ID.
Sur des liens, je change la source de l'image.
Le changement se fait sur l'événement onClick, et comme je ne redirige vers
nul part, j'ai mis href="javascript:void(0);"
et c'est là qu'est le problème !
les images se chargent 2 fois sur 3, parfois rien ne se passe sur le clic,
parfois l'image se charge à moitié !
où je suis paumé, c'est que avec a href="#" , les images se chargent bien !
help !
Voilà un bout de code qui pose problème (page entière *très* simplifiée) :
<HTML>
<HEAD>
</HEAD>
<BODY>
<img id='mon_image' src = 'images/1-02.jpg'></img>
<p>
<!-- Ces 3 liens fonctionnent mal -->
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-02.jpg'"> change image </a>
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-03.jpg'"> change image </a>
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-13.jpg'"> change image </a>
</p>
<p>
<!-- Ces 3 liens fonctionnent correctement -->
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-02.jpg'"> change image </a>
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-03.jpg'"> change image </a>
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-13.jpg'"> change image </a>
</p>
</HTML>
j'ai un problème de chargement d'images sous IE6 dans un script.
Dans ma page, j'ai une image avec un ID.
Sur des liens, je change la source de l'image.
Le changement se fait sur l'événement onClick, et comme je ne redirige vers
nul part, j'ai mis href="javascript:void(0);"
et c'est là qu'est le problème !
les images se chargent 2 fois sur 3, parfois rien ne se passe sur le clic,
parfois l'image se charge à moitié !
où je suis paumé, c'est que avec a href="#" , les images se chargent bien !
help !
Voilà un bout de code qui pose problème (page entière *très* simplifiée) :
<HTML>
<HEAD>
</HEAD>
<BODY>
<img id='mon_image' src = 'images/1-02.jpg'></img>
<p>
<!-- Ces 3 liens fonctionnent mal -->
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-02.jpg'"> change image </a>
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-03.jpg'"> change image </a>
<a href="javascript:void(0);"
onClick="javascript:document.getElementById('mon_image').src =
'images/1-13.jpg'"> change image </a>
</p>
<p>
<!-- Ces 3 liens fonctionnent correctement -->
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-02.jpg'"> change image </a>
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-03.jpg'"> change image </a>
<a href="#" onClick="javascript:document.getElementById('mon_image').src =
'images/1-13.jpg'"> change image </a>
</p>
</HTML>
Poser une question
Il faut (et il suffit) de rajouter ";return false;" dans tes "onclick",
ie:
='images/1-13.jpg';return false;"> change image </a>
Tu verras, ça marche très bien.
(le "return false" fait que le "href" ne s'exécute pas...)
--
Cordialement, Thierry ;-)
Au fait le "javascript:" ne sert à rien sur les événements, ie:
<a href="#"
onClick="document.getElementById('mon_image').src='images/1-13.jpg';return
false;"> change image </a>
--
Cordialement, Thierry ;-)
ça marche impec avec return false !
mais comment interpréter le fait qu'annuler le "href" fasse que ça
fonctionne ???
du coup, j'ai laissé le "javascript:void(0);"
Ce qui est bizarre, c'est que cette anomalie n'était pas présente sur la
version initiale de mon site, dans laquelle les liens et l'images étaient
dans des Frames différents. C'est uniquement depuis que j'ai tout regroupé
dans une seule page avec des layers ("
En tout cas merci beaucoup ;-)
--
Oxiane
"Cenekemoi" message de news:416b813f$0$7199$
sans doute que ça merdouillait aussi
mais ça se voyait pas.
ou alors tu mélanges un peu les notions ?
car il n'y pas de raison que le JS change d'habitudes
suivant que frames z'ou divs
--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************
pour reprendre ta terminologie, ça ne merdouille *pas du tout* avec les
frames. Les images s'affichent correctement (ou alors c'est un effet de
bord, ce qui n'excuse rien).
De toute façon, si le problème porte sur le void(0); , c'est bien qu'il y a
un problème qqpart.
Ce n'est pas le 1er problème de IE6 avec l'affichage des images, que je
sache !
Depuis le début, tout fonctionne correctement avec Mozilla.
--
"ASM" news: