Web Developpement
Forum de discussions pour les webmasters et les web developpeurs. (PHP, SQL, XHTML, JavaScript, Référencement, Positionnement,...)
Vous n'êtes pas identifié.
#1 17-06-2008 23:17:37
Changer une image
Salut !!
J'ai donc un problème d'image en javascript, je ne comprends pas le problème/l'erreur !
J'ai un code, le voici :
Code:
<script type="text/javascript">
function move(img_actuelle)
{
if(img_actuelle == '../img/bas.gif')
{
document.getElementById('img1').src = '../img/haut.gif';
}
else
{
document.getElementById('img1').src = '../img/bas.gif';
}
}
</script>
<img src='../img/bas.gif' alt='Découvrir' id='img1'
onclick="javascript:move(document.getElementById('img1').src);" />Je veux que, si l'image ( son id est : img1 ) est : ../img/bas.gif, lorsque je clic dessus, elle devienne ../img/haut.gif et que si elle est ../img/haut.gif, elle redevienne ../img/bas.gif
( C'est pour un listing, comme dans les boites mail ( free.fr par exemple ) lorsqu'on clic sur la flèche pour changer l'ordre 'croissant' / 'décroissant' de l'apparition des messages )
Dans ce script, ça ne marche pas ... 
Y'aurait pas quelqu'un qui aurait la solution ??
Merci beaucoup !!
Hors ligne
Liens utiles
#2 17-06-2008 23:37:15
Re: Changer une image
Salut,
Tu peu essayer ça:
Code:
<script type="text/javascript">
<!--
var ChangeFleche = function ChangeFleche(img)
{
if(img.src == '../img/bas.gif'){ img.src = '../img/haut.gif';}
else {img.src = '../img/bas.gif';}
}
-->
</script>
<img src="../img/bas.gif" alt="Découvrir" style="cursor:pointer" onClick="ChangeFleche(this)" />Au passage en HTML c'est des " qu'il faut mètre pas des ' (en JavaScript cela na pas d'importance, et en PHP il y a de petites différences entre les deux) 
Le mots clef this défini l'objet courant comme ça plus besoin d'id ^^
J'ai changer le nom de la fonction car certain langage bug quand on prend un nom de fonction ou une variable avec pour titre un mots réservé au langage (et je ne c'est pas si move en est un en JavaScript, donc dans le doute... ^^)
J'espère que ce code fonctionne, même si je ne l'ai pas testé
Hors ligne
#3 18-06-2008 12:08:20
Re: Changer une image
Je sais pour l'histoire des " et ' mais en fait, ce code va s'insérer dans du PHP, mon echo Se fait avec des "" et je n'aime pas les backslashes, c'est plus long à comprendre son code pour la relecture lol
Ce script là ne marche pas, il est comme l'autre !
En fait, si je change :
else {img.src = '../img/bas.gif';}
Par :
else {img.src = '../img/haut.gif';}
Lorsque je clic sur l'image, il me change l'image en haut.gif ... ça marche pas quoi ...
Je ne vois pas du tout d'où ça bug 
EDIT :
J'ai trouvé la solution (en bidouillant un peu)
Dans :
if(img.src == "../img/bas.gif"){ img.src = "../img/haut.gif";}
Il faut préciser l'url absolue :
if(img.src == "http://bidule/img/bas.gif"){ img.src = "../img/haut.gif";}
Merci quand même pour le raccourcissement du code ^^
( C'est toujours bon à savoir ! )
Dernière modification par mic54800 (18-06-2008 12:22:37)
Hors ligne
#4 18-06-2008 18:30:49
Re: Changer une image
Ca m'étonnerait franchement que JS ne reconnaisse pas l'url relative...
Pour preuve, regarde la source de ce script : http://fr.selfhtml.org/javascript/objet … es_src.htm
Je parierais plutôt que l'url relative était mauvaise
-------------------------------
PHP
OhMyPix (soon)
Hors ligne
#5 18-06-2008 20:28:15
Re: Changer une image
Et bien ecoute, je te passe un lien vers un mini script qui te montrera que pour ce que je demande .. il ne veut pas prendre l'url relative ( Et non, elle n'était pas mauvaise du tout ! )
[Lien]
Donc après je ne comprend pas le bug, mais le principal est que ça marche ! ^^
Merci de me dire quand tu as vu cette page que je puisse la supprimer ou la modifier .. !
( Je supprimerais le lien si je change le contenu de cette page )
Dernière modification par mic54800 (27-06-2008 21:02:27)
Hors ligne