Показать сообщение отдельно
  #6 (permalink)  
Старый 23.04.2015, 21:04
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

Разобрался, вот результат, может по прежнему кому-то пригодится:
function $(v) { return(document.getElementById(v)); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); }
function dragOBJ(d,e) {
var divs=document.getElementsByTagName("DIV");
for( var i=0; i<divs.length; i++)
     if(divs[i].className=="my")
	 divs[i].style.zIndex = 0;
    function drag(e) { if(!stop) { d.style.zIndex = 1; d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }
    var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
    var oW=parseInt(d.style.width),oH=parseInt(d.style.height);
    document.onmousemove=drag; document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
}
function dragOBJ2(d,e) {
var divs=document.getElementsByTagName("DIV");
for( var i=0; i<divs.length; i++)
     if(divs[i].className=="my")
	 divs[i].style.zIndex = 0;
    function drag2(e) { if(!stop) { d.style.zIndex = 1; d.style.height=(xy(e,1)+oH-eY+'px'); d.style.width=(xy(e)+oW-eX+'px'); } }
    var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
    var oW=parseInt(d.style.width),oH=parseInt(d.style.height);
    document.onmousemove=drag2; document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
}

<div class="my" style="background: black; width:640px; height:480px; position: relative; top: 0; left: 0" onmousedown="if(event.button == 0) dragOBJ(this,event);if(event.button == 1) dragOBJ2(this,event);if(event.button == 2) dragOBJ2(this,event);">Первый ДИВ</div>
<div class="my" style="background: black; width:640px; height:480px; position: relative; top: 0; left: 0" onmousedown="if(event.button == 0) dragOBJ(this,event);if(event.button == 1) dragOBJ2(this,event);if(event.button == 2) dragOBJ2(this,event);">Второй ДИВ</div>

Левой кнопкой мыши перемещаем DIVы, правой и нажатым колесом - растягиваем их.

Прошу специалистов помочь. Необходимо в cookies сохранить значения стилей, чтобы при загрузке страницы загружались значения сначала оттуда, а при каких-то изменениях в стилях DIVов, новые значения записывались в cookies, не ограниченных по времени жизни.
Ответить с цитированием