Назад в раздел E-mail

Почтовая форма с картой (Гостевая книга)
В этой форме абсолютно отсутствует какая-либо проверка на корректность вводимых данных. Но объедините эту великолепную форму с любым из скриптов на корректность, представленных в разделе EMAIL этой справки, и Вы получите едва ли не самую оригинальную на сегодняшний день почтовую форму!

E-Mail Me!
Ваше имя:
Ваш E-mail:
Ваш сайт (если есть):
Откуда Вы?
Кликните по Вашему региону.
Комментарии:


Содержимое этой таблицы поместите между <HEAD> и </HEAD>

 

<SCRIPT language="javascript">
<!--
function country(value) {
document.world.country.value=value;
}
// -->
</SCRIPT>

 

Содержимое этой таблицы поместите между <BODY> и </BODY>

 

<MAP name="world"><AREA shape="polygon"
coords="42,65,40,52,52,41,52,27,22,34,43,19,68,11,145,4,130,42,85,78,64,77,59,70,56,70,54,67,48,67,43,63"
href="javascript:country('Северная Америка')" onMouseOver="window.status='Северная Америка'; return
true" onMouseOut="window.status='';return true">
<AREA shape="polygon" coords="41,62,40,82,62,107,81,109,83,105,72,80,61,77,58,71,51,68,41,64"
href="javascript:country('Мексика и Центральная Америка')"
onMouseOver="window.status='Мексика и Центральная Америка'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="81,108,92,96,115,108,140,135,131,172,118,196,126,214,118,218,95,194,90,156,73,131,83,106"
href="javascript:country('Южная Америка')" onMouseOver="window.status='Южная Америка'; return
true" onMouseOut="window.status=''; return true"><AREA
shape="polygon" coords="72,78,89,77,106,78,114,103,109,104,92,94,82,98,72,78,80,77"
href="javascript:country('Карибские острова')" onMouseOver="window.status='Карибские острова'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="170,111,159,95,167,68,188,58,200,59,207,65,227,68,233,82,243,98,255,103,246,125,240,126,239,117,236,114,226,115,217,112,205,120,197,118,185,113,172,117,170,111"
href="javascript:country('Северная Африка')" onMouseOver="window.status='Северная Африка'; return
true" onMouseOut="window.status=''; return true"><AREA
shape="polygon"
coords="196,119,196,129,201,139,199,163,208,186,228,179,250,165,253,144,240,127,238,117,227,115,218,113,202,119,195,118"
href="javascript:country('Южная Африка')" onMouseOver="window.status='Южная Африка'; return
true" onMouseOut="window.status=''; return true"><AREA
shape="polygon"
coords="179,61,173,54,179,43,177,28,190,24,191,32,211,31,214,36,215,39,221,45,218,57,212,59,202,60,186,58,180,62"
href="javascript:country('Европа')" onMouseOver="window.status='Европа'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="217,62,224,50,241,52,247,59,258,57,261,59,272,58,274,65,264,77,260,91,246,99,239,91,226,67,219,59"
href="javascript:country('Юго-Западная Азия, Ближний Восток')"
onMouseOver="window.status='Юго-Западная Азия, Ближний Восток'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="232,49,220,44,213,30,234,16,232,12,264,4,328,13,350,14,357,22,350,26,359,38,354,41,340,26,327,27,329,31,341,36,338,50,330,40,315,35,314,39,290,38,280,41,275,56,262,59,248,58,240,51,232,49"
href="javascript:country('Страны СНГ')"
onMouseOver="window.status='Страны СНГ'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="275,56,282,42,298,37,310,40,317,33,339,45,342,61,335,84,323,85,313,84,305,71,300,76,282,66,276,57"
href="javascript:country('Восточная Азия, Китай')" onMouseOver="window.status='Восточная Азия, Китай';
return true" onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="211,31,217,22,218,14,205,13,192,25,192,32,212,29"
href="javascript:country('Скандинавия')" onMouseOver="window.status='Скандинавия'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="232,16,218,13,213,30,233,17" href="javascript:country('Страны СНГ')"
onMouseOver="window.status='Страны СНГ'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="264,79,274,63,273,57,282,64,298,73,307,73,302,85,294,115,278,101,264,78"
href="javascript:country('Южная Азия, Индия')" onMouseOver="window.status='Южная Азия, Индия';
return true" onMouseOut="window.status=''; return true"><AREA
shape="polygon"
coords="302,86,317,134,341,143,359,141,371,139,374,122,344,84,314,84,308,76,302,87"
href="javascript:country('Юго-Восточная Азия; Северная Океания')"
onMouseOver="window.status='Юго-Восточная Азия; Северная Океания'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="342,142,318,173,329,193,375,208,399,198,398,124,374,126,371,139,339,144"
href="javascript:country('Австралия, Океания')"
onMouseOver="window.status='Австралия , Океания'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="81,236,141,221,160,229,313,222,335,234,306,243,99,243,79,236"
href="javascript:country('Антарктика')" onMouseOver="window.status='Антарктика'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="18,33,0,48,2,200,50,230,79,238,117,217,94,194,89,154,73,128,80,109,61,107,38,80,41,64,40,50,50,42,50,29,18,35,0,47"
href="javascript:country('Тихоокеанский регион, Гаваи')"
onMouseOver="window.status='Тихоокеанский регион, Гаваи'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="145,3,145,27,182,13,241,9,262,3,144,3" href="javascript:country('Арктика')"
onMouseOver="window.status='Арктика'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="144,9,146,25,194,12,204,13,193,23,175,28,178,40,173,55,176,60,165,72,159,97,172,116,194,118,199,145,199,165,210,186,208,224,203,226,160,230,137,219,124,214,118,196,133,167,140,133,110,103,106,78,90,76,132,40,143,9,146,26"
href="javascript:country('Атлантика')" onMouseOver="window.status='Атлантика'; return
true" onMouseOut="window.status=''; return true"><AREA
shape="polygon" coords="342,35,359,46,356,66,343,70,341,64,341,44,343,37"
href="javascript:country('Япония')" onMouseOver="window.status='Япония'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="210,187,208,227,312,222,337,234,384,216,395,201,369,208,326,193,317,170,340,144,315,131,302,87,294,114,277,100,263,79,260,95,246,99,256,103,247,125,240,126,255,146,250,168,209,186,209,224"
href="javascript:country('Индийский океан')" onMouseOver="window.status='Индийский океан'; return true"
onMouseOut="window.status=''; return true"><AREA shape="polygon"
coords="335,83,341,69,357,65,359,45,356,35,353,25,362,19,398,38,397,121,374,125,374,120,344,85,335,83,341,69"
href="javascript:country('Тихоокеанский регион')" onMouseOver="window.status='Тихоокеанский регион'; return
true" onMouseOut="window.status=''; return true"><AREA
shape="default" nohref></MAP>
<p align="center"><font color="#FF0000" size="5">О</font><b><font size="4" color="#FF0000"><BR></font></b>
<font size="3" color="#000000">
<p align="center">
<CENTER><U><FONT SIZE=+3>E-Mail Me!</FONT></U></CENTER>

<CENTER><FORM ENCTYPE="text/plain" NAME="world"
ACTION="mailto:eugenezz@yandex.ru?subject=Почтовая карта" METHOD="POST"></CENTER>

</font><CENTER><font size="+1" color="#000000">Ваше имя</font><font size="3" color="#000000"><FONT SIZE=+1>:</FONT></CENTER>

<CENTER><INPUT TYPE="text" name="name" size="50"></CENTER>

</font><CENTER><font size="+1" color="#000000">Ваш</font><font size="3" color="#000000"><FONT SIZE=+1>
E-mail:</FONT></CENTER>

<CENTER><INPUT TYPE="text" name="e-mail" size="50"></CENTER>

</font><CENTER><font size="+1" color="#000000">Ваш сайт (если
есть)</font><font size="3" color="#000000"><FONT SIZE=+1>:</FONT></CENTER>

<CENTER><INPUT TYPE="text" name="home page" value="http://" size="50"></CENTER>

</font><CENTER><font size="+1" color="#000000">Откуда Вы</font><font size="3" color="#000000"><FONT SIZE=+1>?</FONT></CENTER>

<CENTER>Кликните по Вашему региону.</CENTER>

<CENTER><IMG USEMAP="#world" SRC="worldEmail.gif" BORDER=5 HEIGHT=244 WIDTH=400></CENTER>

<CENTER><INPUT TYPE="text" name="country" size="50"></CENTER>

</font><CENTER><font size="+1" color="#000000">Комментарии</font><font size="3" color="#000000"><FONT SIZE=+1>:</FONT></CENTER>

<CENTER><TEXTAREA name="comments" wrap="virtual" rows=6 cols=48></TEXTAREA></CENTER>

<CENTER><INPUT TYPE="submit" VALUE="Отправить"><INPUT TYPE="reset"
VALUE="Сброс"></FORM></CENTER>

Назад в раздел E-mail

Note. Для выделения используйте Ctrl+Click, для копирования Ctrl+C или меню после клика правой кнопкой мыши. Скопированные скрипты сначала поместите в любой текстовый редактор, например, в Блокнот, и только затем, скопировав вновь, вставляйте в код страницы.

Рисунок, использованный в примере: map.zip


Используются технологии uCoz