javascript: image et action souris Résolu/Fermé

Question

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.

to-me · Answer

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

Mon problème est que lorsque je click sur le fruit1 la bordure ne reste pas rouge comment faire?? Merci

Javascript: image et action souris

1 réponse

Discussions similaires