Przejdź do treści

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):

Przykład mapy odsyłaczy po stronie serwera

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

Komentarze

Zobacz więcej komentarzy

Facebook