Javascript: image et action souris
Résolu
to-me
Messages postés
79
Statut
Membre
-
to-me Messages postés 79 Statut Membre -
to-me Messages postés 79 Statut Membre -
Bonjour a tous,
Pourriez vous m'aider svp.
J'ai une carte qui contient plusieurs petites div vides. La carte est un arbre à fruits.
J'ai à côté deux images représentant deux fruits.
Je souhaite que l'on puisse sélectionner un fruit et le mettre plusieurs fois dans les div vides.
Pour que l'utilisateur comprenne qu'il a sélectionné un fruit je voudrais modifier la bordure selon l'action de la souris.
L'image n'est pas un lien et je n'arrive donc pas à mettre une bordure rouge tant qu'elle est sélectionnée avec onclick ou a:active (utile pour les ancres)
Je n'arrive pas à changer la bordure d'une image selon l'action de la souris dans ma page.
Merci pour votre aide.
Pourriez vous m'aider svp.
J'ai une carte qui contient plusieurs petites div vides. La carte est un arbre à fruits.
J'ai à côté deux images représentant deux fruits.
Je souhaite que l'on puisse sélectionner un fruit et le mettre plusieurs fois dans les div vides.
Pour que l'utilisateur comprenne qu'il a sélectionné un fruit je voudrais modifier la bordure selon l'action de la souris.
L'image n'est pas un lien et je n'arrive donc pas à mettre une bordure rouge tant qu'elle est sélectionnée avec onclick ou a:active (utile pour les ancres)
Je n'arrive pas à changer la bordure d'une image selon l'action de la souris dans ma page.
Merci pour votre aide.
Configuration: Linux Firefox 2.0.0.16
1 réponse
-
Dsl d'être si flou voilà mon code:
Partie javascript
//Fonction qui rend la bordure rouge lors d'un click
function red_border(fruit)
{
document.getElementById(fruit).style.border="1px solid red";
}
//Fonction qui met une bordure noire a une div survolee par la souris
function black_border(fruit)
{
document.getElementById(fruit).style.border="1x solid black";
}
//Fonction qui enleve la bordure a une div
function border_none(fruit)
{
document.getElementById(temps).style.border="none";
}
Partie html
<div id="fruit1" style="width:100px; height:72px;" ><img onmouseover="black_border('fruit');" onclick="red_border('fruit1');" onmousedown="red_border('fruit1');" onmouseout="border_none('fruit1')" src="nuage.png"style="width:93px; height:69px;border:none;"></div>
Mon problème est que lorsque je click sur le fruit1 la bordure ne reste pas rouge comment faire??
Merci
