Le code java ne fonctionne po correctement
mirouboy
Messages postés
62
Statut
Membre
-
Stouffi Messages postés 67 Statut Membre -
Stouffi Messages postés 67 Statut Membre -
Bonjour,
Bjr j ai un probleme dans mon code java . j ai utuliser la fonction MouseOver mais quand je clique sur une photo il m apparait tt les deux ( donc je passe le curseur sur une photo il m apparait les deux se transforme ) voila le code
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("img").src ="images/twitterover.png";
document.getElementById("id").src ="images/facebookbuttonover.png";
}
function mouseOut()
{
document.getElementById("img").src ="images/twitter.png";
document.getElementById("id").src ="images/facebookbutton.png";
}
</script>
</head>
<body>
<a href="https://twitter.com/" target="_blank">
<img border="0" alt="Visit twitter " src="images/twitter.png" align="left" id="img" width="100" height="20" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<a href="https://www.facebook.com/" target="_blank">
<img border="0" alt="Visit face!" src="images/facebookbutton.png" align="right" id="id" width="100" height="20" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
de l aide svp
<c<onfig>Windows 7 / Safari 533.4</config>
Bjr j ai un probleme dans mon code java . j ai utuliser la fonction MouseOver mais quand je clique sur une photo il m apparait tt les deux ( donc je passe le curseur sur une photo il m apparait les deux se transforme ) voila le code
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("img").src ="images/twitterover.png";
document.getElementById("id").src ="images/facebookbuttonover.png";
}
function mouseOut()
{
document.getElementById("img").src ="images/twitter.png";
document.getElementById("id").src ="images/facebookbutton.png";
}
</script>
</head>
<body>
<a href="https://twitter.com/" target="_blank">
<img border="0" alt="Visit twitter " src="images/twitter.png" align="left" id="img" width="100" height="20" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<a href="https://www.facebook.com/" target="_blank">
<img border="0" alt="Visit face!" src="images/facebookbutton.png" align="right" id="id" width="100" height="20" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
de l aide svp
<c<onfig>Windows 7 / Safari 533.4</config>
1 réponse
-
Salut,
C'est pas très clair, mais je crois comprendre que tu veux appliquer un effet à une image lorsque la souris passe dessus, et il semble que ton code applique l'effet non pas à l'image pointée mais à toutes les images qui possède les attributs onmousexxx.
Tu dois rendre ton code plus court et plus simple :
Pour tes fonctions, une devrait suffir ://JavaScript (et pas Java ^^) /** * Change l'url d'une image * img : l'objet HTML img * url : la nouvelle valeur de l'attribut src de img */ function changeUrlOfImg(img, url) { img.src = url; }
Et pour les images, exemple ://HTML <img ... onmouseover="changeUrlOfImg(this, imageover.png);" onmouseout="changeUrlOfImg(this, image.png);" />
Ca devrait faire l'affaire ^^
Bye
