Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Обработка событий мыши при выделении области картинки (https://javascript.ru/forum/dom-window/29815-obrabotka-sobytijj-myshi-pri-vydelenii-oblasti-kartinki.html)

веснушка 13.07.2012 10:19

в мозилле и хроме и правда работает. а что не так с explorer? не объясните мне? :-[

lord2kim 13.07.2012 10:21

Цитата:

Сообщение от веснушка (Сообщение 188475)
в мозилле и хроме и правда работает. а что не так с explorer? не объясните мне? :-[

в Mozilla и Chrome нужно нажать и удерживать пока не выделишь...
в IE нужно нажать, отпустить, выделить и еще раз нажать...вроде так...

Deff 13.07.2012 10:40

Цитата:

Сообщение от веснушка
а что не так с explorer?

В ИE7 всё работает! (*В конце растяжения делаем клик

веснушка 13.07.2012 10:46

у меня вот 6я версия explorer(собственно какая стояла по дефолту в винде) и там что-то вообще не выделяется область.

а, разобралась. он с глюками, но работает. спасибо всем:)

devote 13.07.2012 17:01

Для ИЕ просто нужно немного доработать, добавить запрет событий выделения, и dragdrop тоесть внутрь for() засунуть:
imgs[ i ].onselectstart = imgs[ i ].ondragstart = function() {
	return false;
}
и добавить в стиль выделяющего элемента пару параметров:
line-height: 0; font-size: 0;

devote 13.07.2012 17:03

я подправил код в своем примере на первой странице темы. Должно работать корректно и в ИЕ

веснушка 17.07.2012 13:01

скажите пожалуйста, а как ограничить область выделения размером картинки?
чтобы выделение не выезжало за саму картинку

devote 17.07.2012 14:37

веснушка,
я дописал функционал в своем первом посте

веснушка 17.07.2012 14:50

спасибо! очень помогло!

веснушка 20.07.2012 09:04

а вы не объясните мне за что какой див отвечает в msgBox? ну кроме close)
просто мне нужно на onmouseup сделать переход на картинку, а никак не получается. может, подскажете, в чем дело?
box.onmouseup = function() { this.style.display = 'none';
                    var img_map = document.createElement('img');
                    img_map.style.width = '700px';
                    img_map.style.height = '250px';
                    img_map.style.borderWidth = '0px';
                    img_map.source = '" + ResolveUrl("~/App_Themes/default/wallpaper.jpg") + @"';
                    box.appendChild(img_map);
                    
                };


Часовой пояс GMT +3, время: 17:22.