Changement image OnClick javascript
Résolu
Daken
-
Daken -
Daken -
Bonjour,
J'essaie de réaliser un programme en PHP/javascript (je suis totalement débutant en javascript) tel que, j'ai une image seule suivie d'un tableau d'image, et lorsque je clique sur l'une des images dans mon tableau je souhaiterai que l'image de tête change pour devenir l'image cliquée.
Malheureusement, lorsque je clique sur une image, rien ne se passe...
Voilà mon code Javascript :
<script language="javascript">
function ChangeImage(Content)
{
window.top.document.getElementById("choix_img").src = "img/editeur/jour/"Content".gif";
}
</script>
Et le code PHP :
echo "<img src='img/editeur/jour/noir.gif' name='choix_img' id='choix_img'><br><br><table border='1'>";
for($i=1;$i<=302;$i++)
{
echo "<tr><td><img src='img/editeur/jour/".$i.".gif' onClick:\"ChangeImage('".$i."')\"></td></tr>";
}
echo "</table><br><br>";
Merci d'avance pour votre aide !
J'essaie de réaliser un programme en PHP/javascript (je suis totalement débutant en javascript) tel que, j'ai une image seule suivie d'un tableau d'image, et lorsque je clique sur l'une des images dans mon tableau je souhaiterai que l'image de tête change pour devenir l'image cliquée.
Malheureusement, lorsque je clique sur une image, rien ne se passe...
Voilà mon code Javascript :
<script language="javascript">
function ChangeImage(Content)
{
window.top.document.getElementById("choix_img").src = "img/editeur/jour/"Content".gif";
}
</script>
Et le code PHP :
echo "<img src='img/editeur/jour/noir.gif' name='choix_img' id='choix_img'><br><br><table border='1'>";
for($i=1;$i<=302;$i++)
{
echo "<tr><td><img src='img/editeur/jour/".$i.".gif' onClick:\"ChangeImage('".$i."')\"></td></tr>";
}
echo "</table><br><br>";
Merci d'avance pour votre aide !
A voir également:
- Javascript onclick image
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
3 réponses
Salut Daken,
Je t'ai fait un petit exemple. Tu peux t'en inspirer pour voir où se situe ton problème.
La différence ici est que j'utilise des url absolues alors que toi tu en auras des relatives (mais cela ne change absolument rien : une fois que tu auras chargé ton tableau avec des images grâce à un chemin relatif, le passage de this.src se fera avec ces adresses et ça va fonctionner).
Cordialement,
Je t'ai fait un petit exemple. Tu peux t'en inspirer pour voir où se situe ton problème.
<html>
<head>
<title>Test CCM</title>
<script language="javascript">
function ChangeImage(url) {
document.getElementById("img").src = url;
}
</script>
</head>
<body>
<img id="img" src="https://www.nintendo-master.com/zone_membres/image/logo01.jpg"/>
<table>
<tr>
<td><img onClick="ChangeImage(this.src);" src="https://www.nintendo-master.com/zone_membres/image/logo25.jpg"/></td>
<td><img onClick="ChangeImage(this.src);" src="http://forum.ubuntu-fr.org/img/avatars/32704.jpg"/></td>
</tr>
</table>
</body>
</html>
La différence ici est que j'utilise des url absolues alors que toi tu en auras des relatives (mais cela ne change absolument rien : une fois que tu auras chargé ton tableau avec des images grâce à un chemin relatif, le passage de this.src se fera avec ces adresses et ça va fonctionner).
Cordialement,
Merci infiniment pour ton aide !