Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1674 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Fonction Onmouseover

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Fonction Onmouseover

n°2234841
enuuuu34
Posté le 04-08-2014 à 10:01:23  profilanswer
 

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.
 
 

Citation :

<!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>

mood
Publicité
Posté le 04-08-2014 à 10:01:23  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Fonction Onmouseover

 

Sujets relatifs
Passage d'une structure en argument de fonctionColler des données en fonction N°sem
Excel : Alimenter une colonne en fonction de deux critèresComment afficher un résultat en fonction du choix de l'utilisateur
Fonction include pour un fichier htmlProblème argument fonction slope (vba)
Probleme sur la fonction get pour un Httprequestappel fonction à un menuitem d'une toolbar gtk2
décalage image lors de la fonction onmouseover/onmouseout[JAVASCRIPT] onmouseover décrit dans la fonction ...
Plus de sujets relatifs à : Fonction Onmouseover


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR