Открыть Электронные книги
Категории
Открыть Аудиокниги
Категории
Открыть Журналы
Категории
Открыть Документы
Категории
КУРСОВОЙ ПРОЕКТ
НА ТЕМУ
Студента IV курса
группы И-1-16
очной формы обучения
Абдулганиева Сейдамета
Арсеновича
___________________________
__
(подпись)
Руководитель:
преп. Абдулаева Усние
Бахтияровна
___________________________
__
(подпись)
Симферополь – 2019
2
СОДЕРЖАНИЕ
ВВЕДЕНИЕ..............................................................................................................3
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ В ОБЛАСТИ WEB-РАЗРАБОТКИ5
1.1 Сущность web-сайтов.................................................................................5
1.2 Разновидности сайтов.................................................................................6
1.3 Обзор популярных языков веб-программирования...............................10
1.4 Анализ аналогов веб-сайта по продаже туристических путевок.........12
Вывод к первой главе............................................................................................13
ГЛАВА 2. ПРОЕТИРОВАНИЕ И РАЗРАБОТКА WEB-РЕСУРСА................14
2.1. Проектирование структуры и разработка проекта...................................14
2.2. Интерфейс веб-ресурса...............................................................................18
Вывод к второй главе............................................................................................26
ЗАКЛЮЧЕНИЕ.....................................................................................................27
СПИСОК ИСПОЛЬЗОВАНЫХ ИСТОЧНИКОВ...............................................28
ПРИЛОЖЕНИЕ 1..................................................................................................30
Обработка ставки пользователя........................................................................30
ПРИЛОЖЕНИЕ 2..................................................................................................31
Фрагмент файла classicedition.js.......................................................................31
ПРИЛОЖЕНИЕ 3..................................................................................................32
Html-разметка блока панели управления.........................................................32
ПРИЛОЖЕНИЕ 4..................................................................................................34
Исходный код.....................................................................................................34
3
ВВЕДЕНИЕ
Актуальность темы. С каждым днем глобальная сеть Интернет
развивается все больше и больше. Появляются новые отрасли в
программирования, усовершенствуются старые. С развитием сети Интернет,
в программировании резко начала выделяться отрасль web-
программирование. Данная отрасль развивается достаточно быстро и
прогрессивно меняет всемирную паутину. С развитием web-
программирования поваляются множество веб-ресурсов разнообразной
тематики.
Сегодня колоссальными темпами развивается туризм. Все больше
людей отправляются за границу. Кто-то желает получить новые впечатления
и эмоции, кто-то позагорать на жарком солнышке где-нибудь в Таиланде, а
кто-то просто хочет отметить знаменательную дату. Для удовлетворения
желаний нашего населения были созданы турагентства, а также веб-ресурсы,
где можно заказать путевку онлайн. Это очень удобно, ведь не выходя из
дома, ты можешь заказать билет в любую точку мира.
В данном курсовом проекте было рассмотрено создание веб-сайта по
продаже туристических путевок. Данная тема актуальна, поскольку
путешествия привлекают и будут привлекать все больше людей с каждым
днем.
Объектом исследования является процесс разработки веб-сайта.
Предметом исследования является разработка веб-сайта по продаже
туристических путевок.
Целью курсового проекта является разработка веб-сайта по продаже
туристических путевок.
Для достижения поставленной цели необходимо решить ряд
следующих задач:
Проанализировать электронные источники и литературу
Рассмотреть и проанализировать существующие веб-сайты;
4
Веб-форумы
Блоговый сервис
Файлообменный пиринговый сервис - например, Bittorrent.
Облачное хранилище данных - например, OneDrive.
Сервис редактирования данных - например, Google Docs.
Фотохостинг - например, Picnik, ImageShack, Panoramio,
Photobucket.
Видеохостинг - например, YouTube, Dailymotion.
Социальные медиа.
Комбинированные веб-сервисы (Социальные сети) - например,
Facebook, Twitter.
Комбинированные веб-сервисы (Специализированные
социальные сети) - например, MySpace, Flickr.
По технологии отображения:
Статические - состоящие из статичных html (htm, dhtml) страниц,
составляющих единое целое. Пользователю выдаются файлы в том виде, в
котором они хранятся на сервере.
Динамические - состоящие из динамичных html (htm, dhtml)
страниц-шаблонов, информации, скриптов и прочего в виде отдельных
файлов. Содержимое генерируется по запросу специальными скриптами
(программами) на основе других данных из любого источника
Сайты, созданные с применением т. н. Flash-технологий, когда
весь сайт располагается на одной веб-странице, предназначенной
исключительно для загрузки Flash-файла, а вся навигация и контент
реализованы в самом Flash-ролике.
По типам макетов:
Фиксированной ширины (англ. rigid fixed) -- размеры элементов
страницы имеют фиксированное значение, независящее от разрешения,
10
как ВКонтакте и Facebook. Главный плюс PHP в том, что редко приходится
делать что-то с нуля, так как существуют большое количество готовых
решение и систем. Для создания новостных сайтов или аналогичных есть 3
CMS (систем управления содержимими):
Joomla;
Wordpress;
Drupal.
Существуют системы управления и для интернет-магазинов:
OpenCart;
Magento.
В PHP есть расширения и библиотеки для создания GUI-приложений,
такие как PHP-GTK и PHP-Qt. Но сейчас для создания таких приложений
редко применяется данный язык программирования.
JavaScript
JavaScript – это язык, предназначенный для написания сценариев для
активных HTML-страниц. Многие считают, что язык Javascript и Java одно и
тоже, но это совсем не так . Java разработан фирмой SUN. JavaScript -
фирмой Netscape Communication Corporation.
JavaScript — язык со слабой динамической неявной типизацией,
автоматическим управлением памятью и прототипным наследованием.
Язык JS состоит из 3 обособленных частей:
ядро (ECMAScript);
объектная модель браузера (Browser Object Model или BOM);
объектная модель документа (Document Object Model или DOM).
JavaScript не предназначен для создания автономных приложений.
Программа на JavaScript встраивается непосредственно в исходный текст
HTML-документа и интерпретируется брaузером по мере загрузки этого
документа. С помощью JavaScript можно динамически изменять текст
12
$("#popupbackground").hide();
$("#popupwrap").hide();
console.log("beforeTurn");
var s;
var allGroupOwned;
var max;
var leastHouseProperty;
var leastHouseNumber;
В цикле выполняется строгое сравнение площади владельца с индексом
и площади группы. При выполнении данного условия присваивается группа
к переменной max. Вся группа принимает значение true и даёт наименьший
количества дома 6 (листинг 2.4).
Листинг 2.4.
Фрагмент файла ai.js
for (var i = 0; i < 40; i++) {
s = square[i];
if (s.owner === p.index && s.groupNumber >= 3) {
max = s.group.length;
allGroupOwned = true;
leastHouseNumber = 6; // Ни в одной собственности никогда не
будет 6 домов.
Ниже представлен код, в котором реализуется проверка площади
группы владельца на не равенство, если не соответствует условию вся группа
получает false и выходит из цикла (листинг 2.5).
Листинг 2.5.
Фрагмент файла ai.js
for (var j = max - 1; j >= 0; j--) {
if (square[s.group[j]].owner !== p.index) {
allGroupOwned = false;
break;
}
Ниже представлен фрагмент, в котором выполняется условие при,
котором площадь группы домов должна быть меньше наименьшего
количества домов. Наименьшая собственность дома присваивает массив
площадей с массивом группы. Проверка условия на то что вся группа никому
не принадлежит (листинг 2.6).
18
19
Листинг 2.6.
Фрагмент файла ai.js
if (square[s.group[j]].house < leastHouseNumber) {
leastHouseProperty = square[s.group[j]];
leastHouseNumber = leastHouseProperty.house;
}
}
if (!allGroupOwned) {
continue;
}
}}
Выше представленный код отвечает за управление собственностью и
возможностью инициировать торги своей собственностью.
2.2. Интерфейс веб-ресурса
Пользовательский интерфейс состоит одной страницы и верхнего
меню, которое «пробрасывается» по всей странице для быстрого
перемещения.
При открытии веб-ресурса у пользователя отображается заставка с
изображением «Монополиста» и надписью Web_Game сверху кнопки
«Продолжить». По нажатию «Продолжить» пользователь опускается к блоку
с игрой. Над блоком с игрой располагаются навигационные кнопки, которые
переносят пользователя по веб-ресурсу. Каждая кнопка отвечает за свой блок
и при нажатии динамически переносит на свой блок.
Блок с игрой (рисунок 2.6) – это основной блок ресурса. Данный блок
отображает мини-меню пользователя где он может выбрать режим игры.
Режим игры ограничен до 8 человек. Каждый игрок может выбрать себе
nickname и задать цвет из предложенных вариантов.
20
<div id="statswrap">
<div id="stats">
<div style="position: relative;">
<img id="statsclose" src="images/close.png" title="Закрыть"
alt="x" />
<div id="statstext"></div>
<div id="statsdrag"></div>
</div>
</div>
</div>
Блок вызывается по нажатию кнопки «показать состояние». Выводит
данный блок всех пользователей и их собственность, за вывод данных
отвечает каждый блок по-отдельности объединенные в один главный.
Далее рассмотрим обратную связь, представленную на рисунке 2.12.
$mail->SMTPAuth = true;
$mail->Username = 'maletich.pavel';
$mail->Password = 'zver2015';
$mail->SMTPSecure = 'ssl';
$mail->Port = 465;
$mail->setFrom('maletich.pavel@yandex.ru');
$mail->addAddress('maletich.p.i.1.16@gmail.com');
ЗАКЛЮЧЕНИЕ
В ходе выполнения проекта было разработана веб-игра «монополия».
На первом этапе выполнения была изучена общая информация о веб-
программирования и её основные категории, проанализировали особенности
веб-приложений и веб-сайтов, как они работают, и как взаимодействуют с
конечным пользователем, были рассмотрены шаблоны проектирования и для
каких целей они предназначены и что они выполняют в итоге, в первой главе
так же рассмотрены языки программирования и библиотеки для разработки
веб-ресурсов. Выделили принципы каждого языка и в чем он заключатся и
как работает. Также были рассмотрены аналоги игры «монополия», которые
были разработаны ранее, рассмотрен их функционал и интерфейс. Был
сделан вывод, что язык программирования JavaScript с использованием
библиотеки JQuery, отлично справляется для реализации сложных веб-игр.
На втором этапе выполнения проекта было описано применения
средства разработки, реализованы основные алгоритмы логики веб-ресурса с
подробным описание листингов кода, разработан понятный и удобный
пользовательский интерфейс веб-проекта, который был разобран по
фрагментам и представлением к каждому блоку, который отображается
пользователю, html-разметка с описание выполнения и взаимодействием с
JavaScript кодом, разработали «бота» для игры с ним и описали его
выполнение и реакцию на игру, разработан веб-проект.
Реализованный понятый веб-интерфейс даёт возможность максимально
эффективно взаимодействовать пользователь с веб-проектом.
Рассмотрели представление обратной формы и как получаем данные от
пользователя, и какие методы и протоколы для этого использовались.
В дальнейшем проект будет дорабатываться и улучшаться, в
дальнейшем проект будет продвигаться в сети интернет.
29
ПРИЛОЖЕНИЕ 1
Обработка ставки пользователя
this.auctionBid = function(bid) {
bid = bid || parseInt(document.getElementById("bid").value, 10);
if (bid === "" || bid === null) {
document.getElementById("bid").value = "Пожалуйста, введите
ставку.";
document.getElementById("bid").style.color = "red";
} else if (isNaN(bid)) {
document.getElementById("bid").value = "Ваша ставка должна быть
числом.";
document.getElementById("bid").style.color = "red";
} else {
if (bid > player[currentbidder].money) {
document.getElementById("bid").value = "У вас нет
достаточно денег, чтобы сделать ставку $" + bid + ".";
document.getElementById("bid").style.color = "red";
} else if (bid > highestbid) {
highestbid = bid;
document.getElementById("highestbid").innerHTML =
parseInt(bid, 10);
highestbidder = currentbidder;
document.getElementById("highestbidder").innerHTML =
player[highestbidder].name;
document.getElementById("bid").focus();
if (player[currentbidder].human) {
this.auctionPass();
}
} else {
document.getElementById("bid").value = "Ваша ставка должна
быть больше самой высокой ставки. ($" + highestbid + ")";
document.getElementById("bid").style.color = "red";
}
}
};
this.auctionExit = function() {
player[currentbidder].bidding = false;
this.auctionPass();
};
32
ПРИЛОЖЕНИЕ 2
Фрагмент файла classicedition.js
communityChestCards[0] = new Card("Выйди из тюрьмы, освободись. Эта карта может
храниться до тех пор, пока она не понадобится или не будет продана.", function(p)
{ p.communityChestJailCard = true; updateOwned();});
communityChestCards[1] = new Card("Вы выиграли второй приз в конкурсе красоты.
Соберите $10.", function() { addamount(10, 'Community Chest');});
communityChestCards[2] = new Card("От продажи акций вы получаете $ 50.", function()
{ addamount(50, 'Community Chest');});
communityChestCards[3] = new Card("Страхование жизни созревает. Собрать $100.",
function() { addamount(100, 'Community Chest');});
communityChestCards[4] = new Card("Возврат налога на прибыль. Соберите $20.",
function() { addamount(20, 'Community Chest');});
communityChestCards[5] = new Card("Праздничный фонд назревает. Получите $ 100.",
function() { addamount(100, 'Community Chest');});
communityChestCards[6] = new Card("Вы наследуете $ 100.", function() { addamount(100,
'Community Chest');});
communityChestCards[7] = new Card("Получите $25 по вопросам коммерческой платы.",
function() { addamount(25, 'Community Chest');});
communityChestCards[8] = new Card("Оплата больничных сборов составляет $ 100.",
function() { subtractamount(100, 'Community Chest');});
communityChestCards[9] = new Card("Банковская ошибка в вашу пользу. Собрать $200.",
function() { addamount(200, 'Community Chest');});
communityChestCards[10] = new Card("Оплата школьных сборов составляет $ 50.",
function() { subtractamount(50, 'Community Chest');});
communityChestCards[11] = new Card("Гонорар врача. Заплати $ 50.", function()
{ subtractamount(50, 'Community Chest');});
communityChestCards[12] = new Card("Это твой день рождения. Соберите $10 с
каждого игрока.", function() { collectfromeachplayer(10, 'Community Chest');});
communityChestCards[13] = new Card("Направляйтесь \"Начать\" (Соберите $200).",
function() { advance(0);});
communityChestCards[14] = new Card("Вы оцениваете для ремонта улицы. $ 40 за дом. $
115 за отель.", function() { streetrepairs(40, 115);});
33
ПРИЛОЖЕНИЕ 3
Html-разметка блока панели управления
<div id="control">
<table>
<tr>
<td style="text-align: left; vertical-align: top; border: none;">
<div id="menu">
<table id="menutable" cellspacing="0">
<tr>
<td class="menu-item" id="buy-menu-item">
<a href="javascript:void(0);" title="Просматривайте оповещения и покупайте
недвижимость, на которую вы приземлились.">Покупать</a>
</td>
<td class="menu-item" id="manage-menu-item">
<a href="javascript:void(0);" title="Просмотр, ипотека, и улучшить вашу
собственность.">Руководить</a>
</td>
<td class="menu-item" id="trade-menu-item">
<a href="javascript:void(0);" title="Обменивайтесь собственностью с другими
игроками.">Торговля</a>
</td>
</tr>
</table>
</div>
<div id="buy">
<div id="alert"></div>
<div id="landed"></div>
</div>
<div id="manage">
<div id="option">
<div id="buildings" title="Существующих зданий"></div>
34
ПРИЛОЖЕНИЕ 4
Исходный код
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>ВЕБ_Game</title>
<link rel="icon" href="favicon.png" type="image/png">
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?
family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600'
rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css_sait/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css_sait/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css_sait/style.css" rel="stylesheet" type="text/css">
<link href="css_sait/responsive.css" rel="stylesheet" type="text/css">
<link href="css_sait/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="css_sait/animate.css" rel="stylesheet" type="text/css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/classicedition.js"></script>
<script type="text/javascript" src="js/ai.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/monopoly.js"></script>
<script type="text/javascript" src="js_sait/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js_sait/bootstrap.js"></script>
<script type="text/javascript" src="js_sait/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js_sait/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js_sait/jquery.isotope.js"></script>
<script type="text/javascript" src="js_sait/wow.js"></script>
<script type="text/javascript" src="js_sait/classie.js"></script>
<script type="text/javascript" src="js_sait/magnific-popup.js"></script>
<script src="contactform/contactform.js"></script>
<script type="text/javascript" src="./obr.js"></script>
</head>
<body>
<header style="background: url(images/img_monopoly.jpg);
height: 679px; width: 1349px;
repeat;
"class="header" id="header">
<!--header-start-->
<div class="container">
<h1 class="animated fadeInDown delay-07s"><i style="color:
black;"><i>Web_Game</i></h1>
36
<div id="statsbackground"></div>
<div id="statswrap">
<div id="stats">
<div style="position: relative;">
<img id="statsclose" src="images/close.png"
title="Закрыть" alt="x" />
<div id="statstext"></div>
<div id="statsdrag"></div>
</div>
</div>
</div>
<p id="noscript">
Примечание: эта страница не будет функционировать без JavaScript.
</p>
37
<div id="refresh">
Обновите эту страницу, чтобы начать новую игру.
</div>
<div id="deed">
<div id="deed-normal" style="display: none;">
<div id="deed-header">
<div style="margin: 5px; font-size: 11px;">T I T L
E D E E D</div>
<div id="deed-name"></div>
</div>
<table id="deed-table">
<tr>
<td colspan="2">
АРЕНДОВАТЬ $<span id="deed-
baserent">12</span>.
</td>
</tr>
<tr>
<td style="text-align: left;">С 1 Домом</td>
<td style="text-align:
right;">$ <span id="deed-rent1">60</span>.</td>
</tr>
<tr>
<td style="text-align: left;">С 2 Домами</td>
<td style="text-align: right;"><span id="deed-
rent2">180</span>.</td>
</tr>
<tr>
<td style="text-align: left;">С 3 Домами</td>
<td style="text-align: right;"><span id="deed-
rent3">500</span>.</td>
</tr>
<tr>
<td style="text-align: left;">С 4 Домами</td>
<td style="text-align: right;"><span id="deed-
rent4">700</span>.</td>
</tr>
<tr>
<td colspan="2">
<div style="margin-bottom: 8px;">С
ОТЕЛЕМ $<span id="deed-rent5">900</span>.</div>
<div>залоговая стоимость $<span
id="deed-mortgage">80</span>.</div>
<div>Стоимость домов $<span id="deed-
houseprice">100</span>. каждый</div>
<div>Отели, $<span id="deed-
hotelprice">100</span>. плюс 4 дома</div>
38
<div id="deed-mortgaged">
<div id="deed-mortgaged-name"></div>
<p>•</p>
<div>ЗАЛОЖЕННЫЙ</div>
<div> for $<span id="deed-mortgaged-
mortgage">80</span></div>
<p>•</p>
<div style="font-style: italic; font-size: 13px; margin: 10px;">Карта
должна быть перевернута этой стороной вверх, если имущество заложено</div>
</div>
<div id="deed-special">
<div id="deed-special-name"></div>
<div id="deed-special-text"></div>
<div id="deed-special-footer">
залоговая стоимость
<span style="float: right;">$<span id="deed-special-
mortgage">100</span>.</span>
</div>
</div>
</div>
<table id="board">
<tr>
<td class="cell board-corner" id="cell20"></td>
<td style="background-color: red;" class="cell board-top"
id="cell21"></td>
<td class="cell board-top" id="cell22"></td>
<td style="background-color: red;" class="cell board-top"
id="cell23"></td>
<td style="background-color: red;" class="cell board-top"
id="cell24"></td>
<td class="cell board-top" id="cell25"></td>
<td style="background-color: yellow;"class="cell board-top"
id="cell26"></td>
<td style="background-color: yellow;"class="cell board-top"
id="cell27"></td>
<td class="cell board-top" id="cell28"></td>
<td style="background-color: yellow;"class="cell board-top"
id="cell29"></td>
<td style="background-color: white;" class="cell board-corner"
id="cell30"></td>
39
</tr><tr>
<td style="background-color: #FFA500;"class="cell board-left"
id="cell19"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: green;" class="cell board-right"
id="cell31"></td>
</tr><tr>
<td style="background-color: #FFA500;" class="cell board-left"
id="cell18"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: green;" class="cell board-right"
id="cell32"></td>
</tr><tr>
<td style="background-color: white;" style="background-color:
white;" class="cell board-left" id="cell17"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: white;" class="cell board-right"
id="cell33"></td>
</tr><tr>
<td style="background-color: #FFA500;" class="cell board-left"
id="cell16"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: green;" class="cell board-right"
id="cell34"></td>
</tr><tr>
<td style="background-color: white;" class="cell board-left"
id="cell15"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: white;" class="cell board-right"
id="cell35"></td>
</tr><tr>
<td style="background-color: #FF0080;"class="cell board-left"
id="cell14"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: white;" class="cell board-right"
id="cell36"></td>
</tr><tr>
<td style="background-color: #FF0080;"class="cell board-left"
id="cell13"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: blue;" class="cell board-right"
id="cell37"></td>
</tr><tr>
<td style="background-color: white;"class="cell board-left"
id="cell12"></td>
<td colspan="9" class="board-center"></td>
<td style="background-color: white;" class="cell board-right"
id="cell38"></td>
</tr><tr>
40
<div id="moneybarwrap">
<div id="moneybar">
<table>
<tr id="moneybarrow0" class="money-bar-row">
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p0arrow" class="money-bar-arrow" alt=">" /></td>
<td id="p0moneybar" class="moneybarcell">
<div><span id="p0moneyname" >Игрок
0</span>:</div>
<div>$<span
id="p0money">1500</span></div>
</td>
</tr>
<tr id="moneybarrow1" class="money-bar-row">
41
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p1arrow" class="money-bar-arrow" alt=">"/></td>
<td id="p1moneybar" class="moneybarcell">
<div><span id="p1moneyname" >Игрок
1</span>:</div>
<div>$<span
id="p1money">1500</span></div>
</td>
</tr>
<tr id="moneybarrow2" class="money-bar-row">
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p2arrow" class="money-bar-arrow" alt=">" /></td>
<td id="p2moneybar" class="moneybarcell">
<div><span id="p2moneyname" >Игрок
2</span>:</div>
<div>$<span
id="p2money">1500</span></div>
</td>
</tr>
<tr id="moneybarrow3" class="money-bar-row">
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p3arrow" class="money-bar-arrow" alt=">" /></td>
<td id="p3moneybar" class="moneybarcell">
<div><span id="p3moneyname" >Игрок
3</span>:</div>
<div>$<span
id="p3money">1500</span></div>
</td>
</tr>
<tr id="moneybarrow4" class="money-bar-row">
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p4arrow" class="money-bar-arrow" alt=">" /></td>
<td id="p4moneybar" class="moneybarcell">
<div><span id="p4moneyname" >Игрок
4</span>:</div>
<div>$<span
id="p4money">1500</span></div>
</td>
</tr>
<tr id="moneybarrow5" class="money-bar-row">
<td class="moneybararrowcell"><img
src="images/arrow.png" id="p5arrow" class="money-bar-arrow" alt=">" /></td>
<td id="p5moneybar" class="moneybarcell">
<div><span id="p5moneyname" >Игрок
5</span>:</div>
<div>$<span
id="p5money">1500</span></div>
</td>
</tr>
42
<div id="setup">
<div style="margin-bottom: 20px;">
Выберите количество игроков.
<select id="playernumber" title="Выберите количество игроков
для игры.">
<option>2</option>
<option>3</option>
<option selected="selected">4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
</select>
</div>
</div>
<div id="control">
<table>
<tr>
<td style="text-align: left; vertical-align: top; border:
none;">
<div id="menu">
<table id="menutable" cellspacing="0">
<tr>
<td class="menu-item"
id="buy-menu-item">
<a
href="javascript:void(0);" title="Просматривайте оповещения и покупайте недвижимость,
на которую вы приземлились.">Покупать</a>
</td>
<td class="menu-item"
id="manage-menu-item">
<a
href="javascript:void(0);" title="Просмотр, ипотека, и улучшить вашу
собственность.">Руководить</a>
</td>
<td class="menu-item"
id="trade-menu-item">
<a
href="javascript:void(0);" title="Обменивайтесь собственностью с другими
игроками.">Торговля</a>
</td>
</tr>
</table>
</div>
<div id="buy">
<div id="alert"></div>
<div id="landed"></div>
</div>
<div id="manage">
<div id="option">
<div id="buildings"
title="Существующих зданий"></div>
<input type="button" value="Купить
дом" id="buyhousebutton"/>
49
<input type="button"
value="Ипотечный кредит" id="mortgagebutton" />
<input type="button"
value="Продать дом" id="sellhousebutton"/>
</div>
<div id="owned"></div>
</div>
</td>
<td style="vertical-align: top; border: none;">
<div id="quickstats" style="">
<div><span id="pname" >Игрок
1</span>:</div>
<div><span
id="pmoney">$1500</span></div>
</div>
<div>
<div id="die0" title="Die" class="die die-no-
img"></div>
<div id="die1" title="Die" class="die die-no-
img"></div>
</div>
</td>
</tr><tr>
<td colspan="2" style="border: none">
<div style="padding-top: 8px;">
<input type="button" id="nextbutton"
title="Бросьте кости и переместите свой жетон соответственно." value="Бросьте Кости"/>
<input type="button" id="resignbutton"
title="Если вы не можете оплатить свой долг, то вы должны уйти из игры." value="Уйти"
onclick="game.resign();" />
</div>
</td>
</tr>
</table>
</div>
<div id="trade">
<table style="border-spacing: 3px;">
<tr>
<td class="trade-cell">
<div id="trade-leftp-name"></div>
</td>
<td class="trade-cell">
<div id="trade-rightp-name"></div>
</td>
</tr>
<tr>
<td class="trade-cell">
50
<script type="text/javascript">
$(document).ready(function(e) {
$('#test').scrollToFixed();
$('.res-nav_click').click(function() {
$('.main-nav').slideToggle();
return false
});
$('.Portfolio-box').magnificPopup({
delegate: 'a',
type: 'image'
});
});
</script>
<script>
wow = new WOW({
animateClass: 'animated',
offset: 100
});
wow.init();
</script>
<script type="text/javascript">
$(window).load(function() {
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - 102
}, 1500, 'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
if ($(window).width() < 768) {
$('.main-nav').hide();
}
53
event.preventDefault();
});
})
</script>
<script type="text/javascript">
$(window).load(function() {
$container.isotope({
// disable window resizing
resizable: true,
masonry: {
columnWidth: colW
}
});
$(window).smartresize(function() {
// check if columns has changed
var currentColumns = Math.floor(($body.width() - 30) /
colW);
if (currentColumns !== columns) {
// set new column count
columns = currentColumns;
// apply width to container manually, then trigger
relayout
$container.width(columns * colW)
.isotope('reLayout');
}
filter: selector,
});
return false;
});
54
});
</script>
<script type="text/javascript">
$(function(){
'use strict';
$('#form').on('submit', function(e){
e.preventDefault();
var fd = new FormData( this );
$.ajax({
url: 'email.php',
type: 'POST',
contentType: false,
processData: false,
data: fd,
success: function(msg){
if(msg == 'ok') {
alert('Отправлено')
} else {
alert('Ошибка')
}
}
});
});
});
</script>
</body>
</html>