|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
|
Как отследить изменение размера элемента страницы03.12.2011, 12:58. Показов 18947. Ответов 13
Метки нет (Все метки)
Вообщем, стоит задача выполнения каких либо действий при изменении размера div-a,textarea и других элементов.
Нужно как то отслеживать эти события, но как не могу понять. У кого то может есть свои идеи? =)
0
|
|
| 03.12.2011, 12:58 | |
|
Ответы с готовыми решениями:
13
Отследить изменение страницы в браузере
Изменение размера элемента |
|
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
|
|
| 04.12.2011, 07:45 | |
|
MrAnger, Событие onresize у объекта window. http://www.quirksmode.org/dom/events/resize.html
Для любого элемента оно не поддерживается.
0
|
|
|
38 / 38 / 6
Регистрация: 16.11.2011
Сообщений: 112
|
|
| 04.12.2011, 08:37 | |
|
Скорей всего выход сделать таймер в котором будет отслеживание изменений элементов.
1
|
|
|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
|||
| 04.12.2011, 09:40 [ТС] | |||
|
Добавлено через 1 минуту
0
|
|||
|
38 / 38 / 6
Регистрация: 16.11.2011
Сообщений: 112
|
||||||
| 04.12.2011, 09:58 | ||||||
|
http://javascript.ru/setInterval
В этом таймере вы можете задавать периодичность выполнения. Вам покатит 2-3 раза в секунду. Вот абстрактный пример:
Можно и получше и поумней сделать без постоянного работающего таймера. Но нужен ваш код чтобы взглянуть когда его можно запускать...
1
|
||||||
|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
|
| 04.12.2011, 10:03 [ТС] | |
|
0
|
|
| 04.12.2011, 10:25 | |
|
0
|
|
|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
||||||
| 04.12.2011, 11:18 [ТС] | ||||||
|
Может кому пригодится, накидал на скорую руку.
0
|
||||||
|
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
|
|
| 04.12.2011, 11:23 | |
|
MrAnger, Не хватает обновления переменных WIDTH и HEIGHT после изменения размера. Сейчас стОит нам хотя бы раз изменить размер - условие будет всегда выполняться, ибо текущий размер всегда не будет равен исходному, пока мы в исходный не вернемся.
0
|
|
|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
|||||||
| 04.12.2011, 11:24 [ТС] | |||||||
0
|
|||||||
|
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
|
|
| 04.12.2011, 11:26 | |
|
0
|
|
|
38 / 38 / 6
Регистрация: 16.11.2011
Сообщений: 112
|
|
| 04.12.2011, 12:21 | |
|
но все-таки по какому событию происходит изменение размера элемента?
Если оно есть тогда имеет смысл только тогда запускать таймер, да и деструктор ваш тогда пригодится скорей всего)
0
|
|
|
6 / 6 / 2
Регистрация: 29.11.2010
Сообщений: 85
|
||
| 04.12.2011, 12:37 [ТС] | ||
|
По нажатию правой кнопки мыши на этот элемент возможно изменению размера поля textarea, в этот момент собственно и должен запускаться таймер. По отпусканию кнопки мыши, происходит остановка таймера, из-за его ненадобности. Все просто =)
0
|
||
| 04.12.2011, 12:37 | |
|
Помогаю со студенческими работами здесь
14
Изменение размера окна страницы. Position:relative
изменение размера элемента - при сдвиге Изменение размера элемента с сохранением его пропорций Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение:
В этой книге («Подход, основанный на вариантах использования») Ивар утверждает,
что архитектура программного обеспечения — это
структуры,. . .
|
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога
Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
|
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога
Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip
На первой гифке отладочные линии отключены, а на второй включены:. . .
|
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога
Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем.
. . .
|
|
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
|
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
|
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
|
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога
Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
|