Pokud se do obrázku v odkazu dá atribut ismap, při přejíždění kurozorem se ve stavovém řádku objevují souřadnice ukazatele myši v rámci obrázku. Zkuste si přejíždět:
Použitý kód:
<a href="#"><img src="http://www.jakpsatweb.cz/images/jakpw.gif" width="131" height="88" ismap style="cursor: crosshair"></a>
Zápis stylu style="cursor: croshair" jsem použil je proto, aby bylo přesněji vidět, kde kurzor je.
Zkuste si na obrázek také kliknout, souřadnice se přenesou také do výsledného url. Například takto:
blabla-adresa.html?53,41
Souřadnice kliknutí x y jsou oddělené čárkou.
Je-li potřeba serverovému skriptu předat informace o souřadnici kliknutí, dělá se to pomocí formuláře, který míří (v action) na serverový skript. Formulář se odesílá pomocí tagu <input type="image">, což funguje velmi podobně jako <input type="submit">. Pouze se do odesílaného požadavku přidávají souřadnice kliknutí. Formulář:
Kód vypadá takto:<form action="#">
<input type="image" src="http://www.jakpsatweb.cz/images/jakpw.gif" name="obrazek">
</form>
Pokud formulář odešlete (nebojte se, zkuste si na obrázek kliknout), tak se souřadnice kliknutí objeví v URL třeba takto:
blabla-adresa.html?obrazek.x=61&obrazek.y=67
kde to slovo obrazek odpovídá hodnotě atributu name v inputu (vizte výše). Kdyby se u inputu name neuvedlo (no fuj, to se nemá!), tak to bude jenom
blabla-adresa.html?x=61&y=67