Листинг страницы akcii:
<html>
<head>
<title>Кинотеатр МАДАГАСКАР</title>
<link href="mystyle.css" rel="stylesheet" type="text/css">
</head>
<body text="#FFFFFF">
<TABLE border="1" align="center"><TR><TD style="border:dashed; border-color:#ffffff">
<table bgcolor="#62324c" border="0" align="center" width="800" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr><td width="269">
<img src="images/images1.jpg" style="border:dashed; color:#FFF">
<td valign="center" align="center"><h1 style="color:#FFF">НАША КОЛЛЕКЦИЯ ФИЛЬМОВ</h1>
<tr><td colspan="2">
<div class="title">КИНОТЕАТР
<font color="#FF0000">М</font><font color="#FFFF00">А</font><font color="#00FF00">Д</font><font color="#3366FF">А</font><font color="#FF9933">Г</font><font color="#00CC99">А</font><font color="#00FFFF">С</font><font color="#FF66FF">К</font><font color="#66FF33">А</font><font color="#00FFFF">Р</font>
</div>
</tr>
<tr><td rowspan="6" valign="top" id="nav">
<br><a href="index.html">Главная</a>
<br><a href="me.html">О кинотеатре</a>
<br><a href="films.html">Фильмы</a>
<br><a href="akcii.html">Акции</a>
</tr>
<tr><td>
<h2 align="center">НАШИ АКЦИИ</h2>
<span style="text-align:center; font-size:20px">
<p>Каждую среду для студентов 50% скидка на все сеансы.
<p>В субботу в 22:00 начинается сеанс ночь кино - 3 фильма по цене одного!!!
<p>В Ваш день рождения все киносеансы - <u>бесплатные</u>!!!
<p align="center"><input type = "button" onClick=history.back(); value="Переход на предыдущую страницу"></p>
<p align="center"><input type = "button" onClick=history.forward(); value="Переход на следующую страницу"></p>
</span>
</tr>
</table>
</table>
</TR></TABLE>
</body>
</html>
Листинг Script.Js:
function WinOpen(){
var str= prompt("Нравиться ли Вам наш кинотеатр?");
var str1= prompt("Устраивает ли Вас качество обслуживания?");
var str2= prompt("Считаете ли Вы наши цены приемлимыми?");
var str3= prompt("Как часто Вы посещаете наш кинотеатр?");
var str4= prompt("Ваши пожелания и замечания:");
var NewWindow=window.open('','NewWindow');
var hstr="<html><head><title>Новое окно</title></head><body>";
NewWindow.document.writeln(hstr);
NewWindow.document.writeln("<h1>Ваши ответы</h1>");
NewWindow.document.writeln("<p>Нравиться ли Вам наш кинотеатр? \""+str+"\"</p>");
NewWindow.document.writeln("<p>Устраивает ли Вас качество обслуживания? \""+str1+"\"</p>");
NewWindow.document.writeln("<p>Считаете ли Вы наши цены приемлимыми? \""+str2+"\"</p>");
NewWindow.document.writeln("<p>Как часто Вы посещаете наш кинотеатр? \""+str3+"\"</p>");
NewWindow.document.writeln("<p>Ваши пожелания и замечания: \""+str4+"\"</p>");
NewWindow.document.writeln("<a href=index.html>Вернуться на наш сайт</a>");
var fstr=" </body></html>";
NewWindow.document.writeln(fstr);
}
function rel(){
document.location.reload();
}
Листинг style.css:
.title
{
border:dashed;
border-color:#FFF;
text-align:right;
font-size:24px;
color:pink;
}
.border
{
border:dashed;
border-color:pink;
}
a
{
color:#FFF;
text-decoration:overline;
font-weight:bold;
margin:20px;
}
a:hover
{
color:pink;
background-color:#FFF;
font-weight:bold;
}
#nav
{
border:dashed;
color:#FFF
}
Копии экрана, иллюстрирующие работу разработанного сценариев:
Рисунок 1. Cсылки на предыдущую и последующую страницы на me.html
Рисунок 2. Cсылки на предыдущую и последующую страницы на films.html
Рисунок 3. Cсылки на предыдущую и последующую страницы на akcii.html
Рисунок 5. Цвет гиперссылки поменялся после нажатия кнопкой мыши, происходит при использовании свойства объекта document.
Рисунок 6. После опроса пользователю открывается новое окно, в котором содержатся все оставленные пользователем сведения
Рисунок 7. При нажатии на «Вернуться на са йт Автовокзала» происходит открытие нового окна на той странице, где и происходил опрос.