В файле server. php, который вы загрузили с веб-сайта Google Codes, есть функция process(). Она обрабатывает небольшой предопределенный список команд и отправляет обратно подходящий ответ. Для тестирования следующих примеров мы будем использовать форму с одним полем. В поле можно будет ввести одну из поддерживаемых команд и отправить ее на сервер (листинг 13.20).
Листинг 13.20. Отправка команд
<!DOCTYPE html>
<html lang="ru">
<head>
<title>WebSocket</title>
<link rel="stylesheet" href="websocket. css">
<script src="websocket. js"></script>
</head>
<body>
<section id="formbox"> form name="form">
<p>Команда:<br><input type="text" name="command" id="command"></p>
<p><input type="button" name="button" id="button" value="Отправить"></p>
</form>
</section>
<section id="databox"></section>
</body>
</html>
Также нам потребуется CSS-файл со следующими стилями (листинг 13.21). Сохраните его с именем websocket. css.
Листинг 13.21. Обычные стили для полей
#formbox{ float: left; padding: 20px; border: 1px solid #999999;
}
#databox{ float: left; width: 500px; height: 350px; overflow: auto; margin-left: 20px; padding: 20px; border: 1px solid #999999;
}
Добавить комментарий