VPF::чат на js, html и дивах - Форум программистов

MacTag

Дата 13.7.2007, 11:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 15.10.2006
Где: Камень-на-Оби - Н овосибирск

Репутация: нет
Всего: нет

Привет.
Я нуждаюсь в помощи.
Я хочу сделать чат, построенный только с помощью дивов и css стилей, javascript кода и html. Серверная часть чата меня пока не интересует, пусть она будет написана на php, это пока не важно.
Вопрос заключается в том, что есть вот такой кусок кода.

Код


<BODY topmargin="0" leftmargin="0" rightmargin="0" middlemargin="0">
<link href="site.css">
<style>

.chatwindow1
{
 width: 100%;
 height: 100%;
 color: green;
 background-color: white;
 padding: 0 px;
 topmargin: 0 px;
 margin: 0px;
 border-width: 2px;
 border-style: solid;
 border-color: red;
 margin-right: 0px;
 }
.otherstuff
{
 width: 100%;
 height: 65.7%;
 color: green;
 background-color: white;
 padding: 0 px;
 topmargin: 0 px;
 margin: 0px;
 border-width: 2px;
 border-style: solid;
 border-color: red;
 margin-right: 0px;
 }
.chatwindow
{
 width: 100%;
 height: 30%;
 color: black;
 background-color: white;
 padding: 0 px;
 margin: 0px;
 border-width: 2px;
 border-style: solid;
 border-color: red;
 }
.chatwindow2
{
 width: 100%;
 height: 0;
 color: black;
 background-color: white;
 padding: 0px;
 margin: 0px;
 border-width: 2 px;
 border-style: dashed;
 border-color: red;
}
.chatmsg
{
 width: 100%;
 height: 0;
 color: black;
 background-color: white;
 padding: 0px;
 margin: 0px;
}
.time
{
color:#007100;
background-color:#00FFAD;
padding-left:0px;
width:3%
}
.rightwindow
{
float: right;
background-color:white;
display: block;
width: 22%;
height: 34%;
border-color: red;
border-width: 0px;
margin-left: 0px
}

</style>
<div class="chatwindow1">
<div class="otherstuff">
</div>
<div class="rightwindow">
списки чатеров
</div>


<div class="chatwindow" id="mes">
<p class="time">Окошко со всеми сообщениями</p>
</div>
<div class="chatwindow2">
<input type="text" class="chatmsg">

</div>
</div>
</BODY>

Вопрос такой, какой js код нужно написать, чтобы див-таблица, которая содержит надпись "окошко со всеми сообщениями" впоследствии растягивалась вверх при захвате ее курсором, и также, по тому же принципу, див таблица , где надпись "списки чатеров" двигалась влево и меняла соответственно свой размер со всем содержимым..
Т.е. другими словами, как превратить эти два дива в подобие фреймов....
p.s. фреймы меня не устраивают, считаю, что они хуже, чем то, что задумал я)
Заранее благодарен за помощь!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »