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>
A voir également:
- Le code java ne fonctionne po correctement
- Jeux java itel - Télécharger - Jeux vidéo
- Waptrick java football - Télécharger - Jeux vidéo
- Code ascii - Guide
- Code po - Télécharger - Vie quotidienne
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
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 :
Et pour les images, exemple :
Ca devrait faire l'affaire ^^
Bye
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
