Помогите сделать дату по левому краю, ниже боковой панели должно выводиться количество сообщений отправленных.
Ниже панели должна располагаться кнопка очистки боковой панели.
И помогите добавить простейшую капчу. чат не он-лайн а прост в реальном времени сам пишу и сам читаю..
Ниже мой код:
<!DOCTYPE html>
<html>
<head>
<title>Comet Server - Пример php чата</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#form {
width: 800px;
height: 500px;
border: 1px solid grey;
}
#header {
background-color: #D9EDF7;
width: 800px;
height: 40px;
}
h1 {
font-size: 20px;
font-weight: bold;
font-style: italic;
color: blue;
margin: 0 0;
padding-left: 15px;
padding-top: 5px;
}
input {
margin-left: 15px;
}
textarea {
width: 152px;
height: 20px;
margin-left: 27px;
padding: 0 0;
}
#username {
width: 75px;
height: 17px;
font-size: 16px;
font-weight: bold;
}
#message {
width: 75px;
height: 17px;
font-size: 16px;
font-weight: bold;
margin: 0 0;
padding: 0 0;
}
#sideLeft {
width: 400px;
height: 210px;
float: left;
}
#WebChatFormForm {
width: 360px;
height: 400px;
float: left;
margin: 20 20;
margin-top: 20px;
border: 1px solid grey;
}
</style>
</head>
<body>
<div id="form">
<div id="header">
<h1> Чат </h1>
</div>
<div id="sideLeft">
</br>
<span id="username">Username:</span> <input type="text" id="WebChatNameID"></br></br>
<span id="message">Message:</span> <textarea id = "WebChatTextID"></textarea></br></br>
<input type="button" onclick="web_send_msg();" value="Send" > </br></br>
</div>
<div id="WebChatFormForm"> </div>
</div>
<script>
function web_send_msg()
{
var text = $("#WebChatTextID").val();
var name = $("#WebChatNameID").val();
var date = new Date();
var time = date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();
$("#WebChatTextID").val("");
$("#WebChatFormForm").append("<p style='margin-left: 15px;'><b style='color: blue;'>"+name+": </b>"+text+"<b style='align: right;'>"+time+"</b></p>");
}
</script>
</body>
</html>