Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.11.2012, 19:55
Интересующийся
Отправить личное сообщение для Maxim_Never Посмотреть профиль Найти все сообщения от Maxim_Never
 
Регистрация: 06.11.2012
Сообщений: 15

Менять размер div-блока
Обращаюсь к знатокам javascript - как реализовать возможность изменения размеров элемента (div-блока). Я не прошу мне скрипт писать - просто попытайтесь теоретически мне об этом рассказать как-нибудь )
[ P.S. JQuery юзать НЕ ХОЧУ - хочу на нативном javascript'е ].

Последний раз редактировалось Maxim_Never, 06.11.2012 в 20:01.
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2012, 20:20
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

style.width|height

Последний раз редактировалось bes, 06.11.2012 в 20:22.
Ответить с цитированием
  #3 (permalink)  
Старый 07.11.2012, 19:31
Интересующийся
Отправить личное сообщение для Maxim_Never Посмотреть профиль Найти все сообщения от Maxim_Never
 
Регистрация: 06.11.2012
Сообщений: 15

Не не не ! Сори я неточно указал суть проблемы. Я имею ввиду как это провернуть динамически. Аналогия с окном браузера - мы можем изменять его размеры как вздумается - так каким образом это можно провернуть с div'ом. [ Ну вычислять какой будет размер дива можно прибавляя\ убавляя количество пикселов, пройденных указателем мышки с момента события на диве 'onmousedown' ]. А как вот дальше действовать - туман )
Ответить с цитированием
  #4 (permalink)  
Старый 07.11.2012, 19:50
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

уже ответили тебе
Сообщение от bes
style.width|height
Ответить с цитированием
  #5 (permalink)  
Старый 07.11.2012, 22:04
Интересующийся
Отправить личное сообщение для Maxim_Never Посмотреть профиль Найти все сообщения от Maxim_Never
 
Регистрация: 06.11.2012
Сообщений: 15

Урра разобрался - все заработало - СПАСИБО БОЛЬШОЕ !!!
Ответить с цитированием
  #6 (permalink)  
Старый 08.11.2012, 18:28
Интересующийся
Отправить личное сообщение для Maxim_Never Посмотреть профиль Найти все сообщения от Maxim_Never
 
Регистрация: 06.11.2012
Сообщений: 15

Ну изменять размер получилось, но не все так просто - как его зафиксировать ?)
Т.е. при событии 'onmouseup' div должен зафиксировать текущий размер - как это сделать подскажите.
П.С. я знаю что этот код мало где будет работать и работает не так, как надо - это не важно, мне общий принцип его работы нужен !

window.onload = function() {
var div = document.getElementById("resizable");
// Получаем div нужный нам
var width = div.offsetWidth;
var height = div.offsetHeight;
// Ширина и высота div'a

document.onmousedown = function() {
// При нажатии кнопки . . .

pos = event.pageX;
// Получаем позицию (в px) курсора относительно документа

document.onmousemove = function(event) {
// При движении . . .

res = width + event.pageX-pos;
// 'rez' = ширина div'a + кол-во пикселов смещения
div.style.width = res+"px";

}

}



} // end

Последний раз редактировалось Maxim_Never, 08.11.2012 в 18:32.
Ответить с цитированием
  #7 (permalink)  
Старый 08.11.2012, 18:53
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

поставить флаг при маус даун и при апе убирать его. в муве проверка если есть флаг -изменять размер
Ответить с цитированием
  #8 (permalink)  
Старый 08.11.2012, 18:59
Интересующийся
Отправить личное сообщение для Maxim_Never Посмотреть профиль Найти все сообщения от Maxim_Never
 
Регистрация: 06.11.2012
Сообщений: 15

СПАСИБО СПАСИБО ОГРОМНОЕ !! IT WORKS !! ОЧ БЛАГОДАРЕН ЗА ПОМОЩЬ !!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фиксированный размер div блока Andrei Элементы интерфейса 26 03.04.2014 09:42
Как менять div на div d4a1 Общие вопросы Javascript 6 09.12.2011 17:04
Фиксация блока DIV при сворачивании другого блока DIV kacnepbI4 jQuery 2 04.04.2011 14:15
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 16:21
размер скрытого блока hangover Общие вопросы Javascript 4 04.12.2009 13:40