Fonction Onmouseover
Fonction Onmouseover - HTML/CSS - Programmation
Sujets relatifs:
- Passage d'une structure en argument de fonction
- Coller des données en fonction N°sem
- Excel : Alimenter une colonne en fonction de deux critères
- Comment afficher un résultat en fonction du choix de l'utilisateur
- Fonction include pour un fichier html
- Problème argument fonction slope (vba)
- Probleme sur la fonction get pour un Httprequest
- appel fonction à un menuitem d'une toolbar gtk2
- décalage image lors de la fonction onmouseover/onmouseout
- [JAVASCRIPT] onmouseover décrit dans la fonction ...
Marsh Posté le 04-08-2014 à 10:01:23
Bonjour, je débute et j'aurai besoin d'un peu d'aide svp
.
Pour vous expliquer, je viens de faire ce code en HTML5 et cela m'affiche un plan avec des zones en "cercle" cliquable.
J'aimerai qu'en passant sur ces "zones" cela m'affichent une autre image tout en restant sur la page.
Je pense qu'il faut se servir de "Javascript" avec la fonction "OnMouseOver" mais étant débutant dans le code je ne sais pas comment faire
Merci de votre aide et voila le code déjà fait.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Plan</title>
</head>
<body>
<img src="./bureau.png" alt="Imp" usemap="#Imp">
<p>
<map name="Imp" id="id_map">
<!-- gauche a droite -->
<area shape="circle" coords="21,144,16," href="./Cbleu.png" alt="cercle" />
<!-- gauche a droite -->
<area shape="circle" coords="24,254,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="363,254,16," href="./Cbleu.png" alt="cercle" />
<!-- gauche a droite -->
<area shape="circle" coords="25,359,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="59,359,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="279,359,16," href="./Cbleu.png" alt="cercle" />
<!-- gauche a droite -->
<area shape="circle" coords="257,464,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="380,464,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="510,464,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="645,464,16," href="./Cbleu.png" alt="cercle" />
<!-- gauche a droite -->
<area shape="circle" coords="381,568,16," href="./Cbleu.png" alt="cercle" />
<area shape="circle" coords="648,568,16," href="./Cbleu.png" alt="cercle" />
<!-- gauche a droite -->
<area shape="circle" coords="443,673,16," href="./Cbleu.png" alt="cercle" />
</map>
</p>
</body>
</html>