Javascript: image et action souris

Résolu
to-me Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   -  
to-me Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   -
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.

1 réponse

Réponse 1 / 1
to-me Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   8
 
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
1

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse