VPF::Растягивание структуры фреймов за картинку

godsgame

Дата 12.8.2006, 14:06 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 241
Регистрация: 29.8.2005

Репутация: нет
Всего: нет

Есть фреймовая структура, т.е, предположим, что станица разделена на 3 фрейма горизонтально!
в одном из фреймов, пусть будет тот который по середине - находится картинка.
Можно ли сделать такое:
Нажимаешь левую кнопку мыши на этой картинке, и удерживая ее (кн. мыши) тянешь мышь вверх/низ - при этом меняются размеры фреймов! (всех кроме того где эта линия!)
Если например потянул мышь наверх на 100 пикселей и отпустил, то получается верхний фрейм стал меньше (height) на 100 пикселей, а нижний на 100 больше! (центральный фрейм остался без изменений!

возможно такое сделать?

vasac

Дата 12.8.2006, 16:27 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36

Лови нажатие кнопки мыши над картинкой — записывай координаты.
Лови отпускание кнопки — считай разность координат, производи нужные манипуляции.

Если хочешь, чтобы в момент самого перетаскивания что-то происходило — лови onMouseMove, но там будет чуть сложнее, так как обработчики могут не успевать обрабатывать каждый шаг мыши.

--------------------

Блог ГО | Таблица символов юникода

12345c

Дата 12.8.2006, 20:00 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Что-то такое:

Код

<frameset name=fs1 frameborder=1 framespacing=0 rows=200,100,*>
  <frame name=fr1></frame>
  <frame name=fr2 src=JsPrimeryCode-94a.htm></frame>
  <frame name=fr3></frame>
</frameset>

Файл JsPrimeryCode-94a.htm:

Код

<script>Down=0;r1=200;var cY;
(d=document).onmousedown=function(ev){Down=1;
  cY=(d.all?event:ev).clientY;
  //top.document.getElementsByName('fs1')[0].rows="200,100,*";
  }
d.onmousemove=function(ev){if(Down){
  r1-=cY-(d.all?event:ev).clientY;
  top.document.getElementsByName('fs1')[0].rows=r1+",100,*";
}}
d.onmouseup=function(){Down=0;}
</script>
Хватаем за любую точку этого фрейма и таскаем вверх-вниз.
(Кроме Оперы.)

Демо здесь: http://js2.ru/example/JsPrimeryCode-94.htm .
Инфо: http://js2.ru/files/js/FRAMESET.html .

Это сообщение отредактировал(а) 12345c - 3.3.2008, 14:38

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

godsgame

Дата 15.8.2006, 18:02 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 241
Регистрация: 29.8.2005

Репутация: нет
Всего: нет

vasac,
я примерно так и думал но с реализацией затруднялся.. знаний малова-то

12345c,
спасибо! все работает!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »