Javascript: image et action souris
Résolu/Fermé
to-me
Messages postés
72
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 mars 2010
-
16 sept. 2008 à 13:38
to-me Messages postés 72 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 mars 2010 - 16 sept. 2008 à 14:30
to-me Messages postés 72 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 mars 2010 - 16 sept. 2008 à 14:30
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.
A voir également:
- Javascript: image et action souris
- Telecharger javascript - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- Node.js javascript runtime virus ✓ - Forum Virus
- Erreur #125 javascript - Forum Mozilla Firefox
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
1 réponse
to-me
Messages postés
72
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 mars 2010
8
16 sept. 2008 à 14:30
16 sept. 2008 à 14:30
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
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