Динамическое изменение окна
Кода очень много и как правильно составить вопрос тоже чуть чуть не могу понять:)
Хочу сделать что бы окно уменьшалось как в виндовсе Делаю так: создаю 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";
}
}
}
|
если можете подсказать то могу скинуть файлом, что бы вам было наглядней понять, что у меня не получается сделать.
|
всем спасибо уже разобрался сам:lol:
|
| Часовой пояс GMT +3, время: 06:13. |