Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.04.2015, 11:40
Интересующийся
Отправить личное сообщение для staseward Посмотреть профиль Найти все сообщения от staseward
 
Регистрация: 17.07.2014
Сообщений: 14

Помогите со счетчиком и кнопкой очистки!!
Помогите сделать дату по левому краю, ниже боковой панели должно выводиться количество сообщений отправленных.
Ниже панели должна располагаться кнопка очистки боковой панели.
И помогите добавить простейшую капчу. чат не он-лайн а прост в реальном времени сам пишу и сам читаю.. Ниже мой код:

<!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>
Изображения:
Тип файла: jpg 1.jpg (36.1 Кб, 1 просмотров)

Последний раз редактировалось staseward, 23.04.2015 в 11:45.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться со счетчиком кол-ва товаров landerorly Общие вопросы Javascript 4 11.09.2014 16:34
Помогите с jQuery и кнопкой. vladvo jQuery 7 13.02.2013 14:35
Помогите! Нужна маленькая форма с кнопкой при нажатии на которую выводился текст Кабанов Сергей Элементы интерфейса 1 26.03.2012 11:02
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
Помогите мне с кнопкой !!! akafaus Элементы интерфейса 4 13.03.2010 16:30