Discussion :

[chile]

Bonjour,
J'ai crée des zones réactives avec les balises AREA dans un conteneur MAP.
Maintenant je souhaite ouvrir une fenetre d'information au survol de chaque zone.
Mais il semble que la fonction onmouseover ne foncionne pas dasn cette situation.
Merci de votre aide.

[SpaceFrog]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<area style="width:300px;height:100px;border:1px solid;" onmouseover="javascript:alert('hover de la balise area');">Demo text</area>

... ça fonctionne

[chile]

Bonjour,
Merci pour cette réponse. Ce code fonctionne bien.
Mais, désolé je me suis mal exprimé sur mon besoin.
Je souhaite ouvrir plutôt une box paramétrable, pour y mettre le commentaire accompagné d'une photo.
J'ai essayé de créer un événement avec une box déclarée en css et une class, mais il semble que se soit incompatible avec les class map et area car rien ne s'ouvre.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  <div ><center><img src="images/carte_accueil_test.png" usemap="#image_map" class="map">
<map name="image_map">
  <area style= alt="Pérou" title="Pérou" href="/perou.php" coords="241,452,11" shape="circle" data-maphilight='{"stroke":false,"fillColor":"ff0000","fillOpacity":0.6}' >
</map></center></div>

[SpaceFrog]

Là tu utilises un plugin JQuery non ?
Tu as chargé JQuery et le plugin ?

https://projects.davidlynch.org/maphilight/docs/

[chile]

Oui, je suis parti de ce modele https://codepen.io/Lazypterodactyl/pen/RJGzQv

J'ai donc sur ma page

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/maphilight/1.4.0/jquery.maphilight.min.js"></script>

et

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript">
  $(function() {
    $('.map').maphilight();
  });
</script>

[SpaceFrog]

ton image à bien la class map ...

As tu un message d'erreur en console ?