Привет.
Я нуждаюсь в помощи.
Я хочу сделать чат, построенный только с помощью дивов и 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. фреймы меня не устраивают, считаю, что они хуже, чем то, что задумал я)
Заранее благодарен за помощь! |