Cenni preliminari sul controllo server Web ImageMap
Aggiornamento: novembre 2007
Il controllo ASP.NET ImageMap consente di creare un'immagine con aree sensibili, ovvero aree specifiche su cui gli utenti possono fare clic. Ciascuna di queste aree può essere configurata come collegamento ipertestuale o evento di postback distinto.
Vengono illustrati i seguenti argomenti:
Background
Esempi di codice
Riferimento alle classi
Background
Il controllo ImageMap è costituito da due elementi. Il primo è un'immagine in qualsiasi formato di file grafico Web standard, ad esempio GIF, JPG o PNG.
Il secondo elemento è costituito da un insieme di controlli HotSpot. I controlli di area sensibile sono differenti l'uno dall'altro e possono essere di tipo CircleHotSpot, RectangleHotSpot o PolygonHotSpot. Per ciascun controllo di area sensibile è necessario definire le coordinate che specificano la posizione e la dimensione dell'area sensibile. Ad esempio, per creare un controllo CircleHotSpot, è necessario definire le coordinate x e y relative al centro del cerchio e il valore del raggio.
Per un'immagine è possibile definire un numero qualsiasi di aree sensibili, senza che sia tuttavia necessario coprire con esse l'intera immagine.
.gif "Nota") Nota: |
|---|
È possibile definire aree sensibili sovrapposte. A ciascuna area è assegnato un valore di indice Z. Se un utente fa clic su un'area per la quale sono definite due o più aree sensibili sovrapposte, verrà selezionata quella con il valore di ordine Z superiore. |
Risposta ai clic dell'utente
È possibile specificare l'evento che si verifica quando un utente fa clic su un'area sensibile. Ciascuna area sensibile può essere configurata come collegamento ipertestuale che consente di accedere a un URL definito per tale area. In alternativa, è possibile configurare il controllo in modo che esegua il postback quando un utente fa clic su un'area sensibile definendo un valore univoco per ciascuna area. Il postback genera l'evento Click del controllo ImageMap. Nel gestore eventi è possibile leggere il valore univoco assegnato a ciascuna area sensibile.
Torna all'inizio
Esempi di codice
Procedura: aggiungere controlli server Web ImageMap a una pagina Web
Procedura: rispondere al clic degli utenti nei controlli server Web ImageMap
Torna all'inizio
Riferimento alle classi
Nella tabella riportata di seguito sono elencate le classi correlate al controllo ImageMap.
Membro |
Descrizione |
|---|---|
La classe principale per il controllo. |
|
Rappresenta una singola area sensibile costituita da un cerchio. |
|
Rappresenta una singola area sensibile costituita da un rettangolo. |
|
Rappresenta una singola area sensibile costituita da un poligono. |
Torna all'inizio