<html>
<head>
<title>GOSTEVAYA</title>
<Style>
a:link.m {color:white; font-size:15; text-decoration:none; font-family:"Sylfaen"}
a:visited.m{color:white; font-size:15; text-decoration:none; font-family:"Sylfaen"}
a:active.m {color:white; font-size:15; text-decoration:none; font-family:"Sylfaen"}
a:hover.m {color:red;cursor:url(Cursor4.cur); font-size:15; text-decoration:none; font-family:"Sylfaen"}
a:link.n {color:violet; }
a:visited.n{color:violet; }
a:active.n {color:violet; }
a:hover.n {color:blue;cursor:url(Cursor4.cur); }
a:link.g {color:rgb(0,0,255); font-weight:bold; font-size:15}
a:visited.g{color:rgb(0,0,255); font-weight:bold; font-size:15}
a:active.g {color:rgb(0,0,255); font-weight:bold; font-size:15}
a:hover.g {color:rgb(0,0,255); font-weight:bold; font-size:15}
a:active.g {color:rgb(0,0,255); font-weight:bold; font-size:15}
a:hover.g {color:rgb(0,0,255); font-weight:bold; font-size:15}
.b1{width:1250;height:245;Background-image:url("fon1.jpg");}
.b5{width:950;height:100;Background-image:url("gos_1.jpg");}
.b2{width:140;height:1200;background-image:url("12.jpg");background-position:left;float:left;}
.b3{width:950;height:1200;float:left;background-color:white;}
.b4{width:140;height:1200;background-image:url("12.jpg");background-position:right;}
.d1{font-family:Times new roman;text-align:center;font-size:14pt;font-weight:bolder;font-style:italic;text-indent:25pt;color:darkmagenta ;}
p{text-align:justify}
.oblig {background:darkmagenta}
</Style>
<script language='JavaScript'>
function emal(inText) {
for (var i=0; i<inText.length; i++)
if ("@"==inText.charAt(i))
return true;
return false;
}
</script>
</heady>
<body bgcolor="blue">
<SCRIPT language="JavaScript">
//Функция проверки, не является ли элемент пустым
function isEmpty(inText) {
for (var i=0; i<inText.length; i++)
if (""!=inText.charAt(i))
return false;
return true;
}
//Функция просмотра всех полей
function fullData(x) {
for (var i=0; i<x.elements.length; i++)
if ("oblig"==x.elements(i).className)
{alert("Необходимо заполнить обязательные поля");
return false;
}
}
//Функция определения класса элемента
function detClass(x) {
x.className=isEmpty(x.value)?"oblig":"";
}
//Функция проверки, не является ли
//введенный символ пробелом (код 32)
function checkGap(x) {
if (32!=event.keyCode)
x.className="";
}
</SCRIPT>
<div class="b1">
<br><br><br><br><br><br><br><br><br><br><br>
<a href="index.html" class=m>  Главная /</a>
<a href="gost.html" class=m> Гостевая /</a>
<br>
<table border="0" cellpadding="0" cellspacing="0">
<tr >
<td style="height:35;width:63;" valign="bottom"><img src="m1_1.jpg"></td>
<td style="height:35;width:63;" valign="bottom"><a href="football.html"><img src="m1_2.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><a href="hokkey.html"><img src="m1_3.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><a href="basketball.html"><img src="m1_4.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><a href="tennis.html"><img src="m1_5.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><a href="formula_1.html"><img src="m1_6.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><a href="other.html"><img src="m1_7.jpg"></a></td>
<td style="height:35;width:63;" valign="bottom"><img src="m_8.jpg"></td>
</tr>
</table>
</div>
<div class="b2">
</div>
<div class="b3">
<div class="b5">
</div>
<div class="d1">
<form name="fUser" onsubmit="return fullData(this)">
<H1 align="center">Гостевая книга</H1>
<p>
Тип отправляемого сообщения<br><br>
      <input name="tip" type="radio" value="k">Жалоба
      <input name="tip" type="radio" value="l">Вопрос
      <input name="tip" type="radio" value="m" checked>Предложение
      <input name="tip" type="radio" value="n">Благодарность
</p>
<p>
Выберете раздел спорта:
<SELECT>
<OPTION> Футбол
<OPTION> Хоккей
<OPTION> Баскетбол
<OPTION> Теннис
<OPTION> Формула 1
<OPTION> Другие
</SELECT>
</p>
<p>
Введите текст сообщения в следующем поле:<br>
      <textarea name="text" cols="50" rows="8" class="oblig" onkeypress="checkGap(this)"
onchange="detClass(this)">
</textarea>
</p>
<p>
Ваши данные:<br><br>
      Фамилия: <input type="text" name="t1" size="30" maxlength="30" class="oblig" onkeypress="if((event.keyCode<1040)||(event.keyCode>1103))event.returnValue=false;" onkeypress="checkGap(this)"
onchange="detClass(this)"><br><br>
      Эл. адрес: <input type="text" name="t2" size="30" maxlength="30" class="oblig" value="" required OnChange="if(!emal(t2.value)){ alert('Неверный формат адреса почты')}" onkeypress="checkGap(this)"
onchange="detClass(this)"><br><br>
</p>
<p>
<input name="box" type="checkbox"> Свяжитесь со мной по данному вопросу как можно быстрее.
</p>
<div style="text-indent:1pt;text-align:left">
      <input type="submit" value="Отправить" name="sub">    <input type="reset" name="res" value="Очистить">
</div>
</form>
</div>
</div>
<div class="b4">
</div>
</body>
</html>
