Serwerowa mapa odsyłaczy <a href, img ismap>
W jaki sposób przesłać na serwer współrzędne kliknięcia myszką na obrazku?
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a>
- adres
- Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza).
- ścieżka dostępu do obrazka
- Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka.
- tekst alternatywny
- Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony.
Czasami obszary odsyłaczy zdefiniowane na obrazku, mogą być bardzo skomplikowane. Może się zdarzyć, że nie uzyskamy pożądanego kształtu z pomocą <area shape="...">
. W takim przypadku można skorzystać z mapy odsyłaczy po stronie serwera. Idea jest prosta: w kodzie źródłowym strony nie definiujemy żadnych obszarów, a jedynie po kliknięciu linku wysyłamy razem z nim współrzędne "x, y" punktu na obrazku, który kliknął użytkownik. Następnie oprogramowanie na serwerze (np. skrypt PHP) odczyta te współrzędne i wyświetli odpowiednią treść. Na przykład można wstawić na stronę grafikę z mapą geograficzną jakiegoś terenu, a kliknięcie na wybrany punkt spowoduje wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy.
Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap
. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y
- czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki.
Przykład <a href, img ismap>
Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony, zobacz pasek adresu Twojej przeglądarki):
Przeglądarki
![]() Chrome | ![]() Firefox | ![]() Edge | ![]() Opera | ![]() Safari | |
---|---|---|---|---|---|
<img ismap> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |