|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Серверные карты изображений.

Может быть я не совсем правильно начал предыдущие две страницы, но на сколько вы поняли клиентские карты изображений это так сказать сценарий, который выполняется в браузере у посетителя, а в серверных картах данные отправляются на сервер и там обрабатываются.

Серверные карты работают только с тегом IMG помещенный в тег A, а так-же в html-формах в теге input с атрибутом type="image".

В клиентские карты мы в тег IMG помещали атрибут usemap с именем карты, в серверных картах в место usemap нужно использовать атрибут ismap без значения.
Это код для тега input с атрибутом type="image" :
<form action="file.php" method="get">
<input type="image" src="путь к картинке" name="koodinat" >
</form>


Для тега input атрибут ismap не используется. При нажатии на такое изображение в форме происходит следующее: к нашему адресу(file.php) добавляется символ ?, который "говорит" о том что дальше идут данные. Так как данные я назвал koodinat, а данных у нас пара (X и Y), то они у нас раздваиваются на koodinat.x(сдвиг в право) и koodinat.y(опуск в низ). Кстати, можете кликнуть по картинке, а потом в адресной строке увидеть вот такой текст: http://webuchebnik.ru/samouchitel_html/server_maps.php?koodinat.x=105&koodinat.y=53 , цифры у вас будут другими.
А этот код для тега img :
<A href="file.html" > <img ismap src="images.gif" width="400"; height="185"></A>
серверная карта изображения
Для того чтобы картинка стала серверной картой изображения, в обычный код баннера нужно вставить атрибут ismap, при нажатии на такое изображение опять-же к ссылке добавляется символ ?, который говорит что дальше идут данные. Но т.к в коде баннера нет атрибута name, то данные передаются просто через запятую, например: http://webuchebnik.ru/samouchitel_html/server_maps.php?98,139 , что соответствует координатам X=98, а Y=139.

Как говорят век живи- век учись и я тоже не исключение. Об серверных картах изображения знаю довольно давно, но никогда их не использовал из-за того что не было в этом необходимости. Но все-же информацию о них решил для вас выложить и пока я писал эту страницу у меня родилось несколько идей, например что делать если есть огромное желание использовать на своем сайте клиентскую карту изображения, но это изображение очень сложное(много точек координат), а программы PhotoShop нет?, у вас 2 варианта: потратить не один час чтобы определить эти координаты методом тыка или быстренько сделать файл с серверной картой изображения и просто подносить курсор(указатель мышки) к нужной вам точке и в строке состояния увидеть эти координаты, или кликнуть и эти координаты будут сохраняться в адресной строке.

 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!