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
A voir également:
- Javascript: image et action souris
- Telecharger javascript - Télécharger - Langages
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Javascript echo ✓ - Forum PHP
- Exercice calculatrice en javascript ✓ - Forum Javascript
- Retour à la ligne javascript ✓ - Forum Javascript
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
