Comment : ajouter des contrôles serveur Web ImageMap à une page Web

Mise à jour : novembre 2007

Un contrôle ImageMap permet de créer un graphique doté de zones réactives sur lesquelles les utilisateurs peuvent cliquer de façon individuelle. La création d'un contrôle ImageMap consiste à créer le contrôle en spécifiant l'image, puis à définir séparément les zones réactives.

Pour ajouter un contrôle ImageMap

1. À partir de l'onglet Standard de la boîte à outils, faites glisser un contrôle ImageMap dans la page.

2. Dans la fenêtre Propriétés, affectez à la propriété ImageUrl du contrôle la valeur correspondant à l'URL du graphique que vous souhaitez afficher.

   Remarque :
   Cliquez sur le bouton dans la zone de propriété pour afficher la boîte de dialogue Sélectionner une image.

3. Définissez éventuellement la propriété HotSpotMode du contrôle pour spécifier si un clic sur la zone réactive entraîne une navigation vers une autre page ou une publication (postback).

   Remarque :
   Vous pouvez substituer ce paramètre du contrôle pour chaque zone réactive.

Pour définir des zones réactives

1. Dans la fenêtre Propriétés, cliquez sur la zone de propriété Zones réactives pour afficher la boîte de dialogue Éditeur de collections HotSpot.

2. Cliquez sur le bouton fléché situé à côté du bouton Ajouter pour sélectionner le type de zone réactive que vous souhaitez créer (CircleHotSpot, RectangleHotSpot, PolygonHotSpot).

3. Pour chaque zone réactive, utilisez la grille de propriétés pour spécifier ses coordonnées, qui sont répertoriées dans le tableau ci-dessous.

   Type de zone réactive	Coordonnées
   CircleHotSpot	Radius
   RectangleHotSpot	Top
   PolygonHotSpot	Coordinates

4. Si vous souhaitez substituer le paramètre HotSpotMode du contrôle, définissez la propriété HotSpotMode pour chaque zone réactive afin de spécifier si un clic sur la zone réactive entraîne une navigation vers une autre page ou une publication.

5. Si une zone réactive est configurée pour la navigation, spécifiez sa propriété href.

6. Si une zone réactive est configurée pour effectuer une publication, définissez sa propriété PostBackValue pour fournir des informations sur la zone réactive sur laquelle l'utilisateur clique. Vous pouvez lire la valeur dans le gestionnaire d'événements Click.

7. Lorsque vous avez terminé, cliquez sur OK.

Voir aussi

Tâches

Comment : répondre aux clics d'un utilisateur dans des contrôles serveur Web ImageMap

Concepts

Vue d'ensemble du contrôle serveur Web ImageMap