Показать сообщение отдельно
  #1 (permalink)  
Старый 22.06.2011, 13:06
Интересующийся
Отправить личное сообщение для DjKoff Посмотреть профиль Найти все сообщения от DjKoff
 
Регистрация: 10.06.2011
Сообщений: 10

вертикальное изменение размеров div'ов как frame'ов
Здравствуйте!

у меня есть примерно такая конструкция:

<div id="wr">
	<div class="d1">cont1</div>
	<div class="hr"></div>
	<div class="d2"></div>
</div>

<style type="text/css">
.d1
	{
	width:100%;
	min-width:1001px;
	height:300px;
	overflow:auto;
	}

.hr
	{
	width:100%;
	height:3px;
	background:#e6e6e6;
	cursor:n-resize;
	}

.d2
	{
	width:100%;
	min-width:1001px;
	height:300px;
	}
</style>


нужно сделать так, чтоб при зажатии div hr он вертикально перемещался тем самым изменяя горизонтальный размер в пользу дива d1 или d2, примерно как frame (но не он) или как это делается в чатах/играх. использовать готовые плагины не очень хочется (хочу использовать ajax), а сам как-то не додумываюсь как сделать. подскажите пожалуйста как сделать или хотя бы статью на эту тему.
Ответить с цитированием