Кода очень много и как правильно составить вопрос тоже чуть чуть не могу понять
Хочу сделать что бы окно уменьшалось как в виндовсе
Делаю так:
создаю 5ть див элементов:
1 - 150px на 150px
и 4 в каждом углу 10px на 10px
Все отлично работает если не один нюанс:
Если скажем левую сторону притянуть в притык к правой стороне (то есть ширина окна получается 20px) то я не могу изменить ширину окна так как выбрасывает из функции по перемещению.
Вот пример кода для уменьшения размера окна из правого верхнего угла
if (elementToDrag.className == 'd2'){
if (elementToDrag.offsetLeft != (document.getElementById('d1').offsetLeft + 20))
{
elementToDrag.style.left = (e.clientX - deltaX) + "px";
elementToDrag.style.top = (e.clientY - deltaY) + "px";
var d1 = document.getElementsByTagName('div');
for (i=0; i<d1.length; i++) {
if (d1[i].className == 'd1') d1[i].style.top = (e.clientY - deltaY) + "px";
}
for (a=0; a<d1.length; a++) {
if (d1[a].className == 'd3') d1[a].style.left = (e.clientX - deltaX) + "px";
}
if (elementToDrag.offsetLeft > document.getElementById('d1').offsetLeft) {
var width1 = elementToDrag.offsetLeft - document.getElementById('d1').offsetLeft;
document.getElementById('body').style.width = width1 + 10 + "px";
}
if (document.getElementById('d3').offsetTop > elementToDrag.offsetTop) {
var height1 = document.getElementById('d3').offsetTop - elementToDrag.offsetTop;
document.getElementById('body').style.height = height1 + 10 + "px";
document.getElementById('body').style.top = (e.clientY - deltaY) + "px";
}
}
}