Javascript.RU

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

Проблема в IE с наведением указателя мыши на div
Привет всем!

есть сайт:
http://extdev.eugent.org/testero/?type=ext4

*?type=ext4 - указывает что нужно использовать extjs 4.0.7, иначе подгрузится 4.1

в рзделе Prototypes есть пункт "Picture spots". На панели выведено изображение с активными пятнами. Есть пара вопросов по этому проекту:
1. При работе с этой панелью в IE наблюдается следующая проблема - при наведении на горячее пятно(не на его границу) во-первых не обрабатывается событие клика и во-вторых не активируется курсор "pointer". В Mozilla все нормально. Есть подозрение, что есть пересечение с событиями картинки, так как если убрать у пятна абсолют.позицию - реакции пятна становятся нормальными, но только оно съезжает вниз от картинки.
2. При использовании ExtJS 4.1 не срабатывает установка размеров горячих пятен после рендера, хотя при 4.0.7 все работает как видно на примере

Последний раз редактировалось Eugent, 25.06.2012 в 15:56.
Ответить с цитированием
  #2 (permalink)  
Старый 25.06.2012, 11:42
Аспирант
Отправить личное сообщение для Eugent Посмотреть профиль Найти все сообщения от Eugent
 
Регистрация: 28.02.2012
Сообщений: 55

У кого-нибудь еще такое пересечение слоев наблюдалось?

Событие на наведение на активную область на картинке задана таким образом:
Ext.create('widget.hotspot', {
	...
	renderTo	: div.getEl(),
	constrainTo	: div.getEl(),
	listeners: {
		...
		mouseenter: {
			element	: 'el',
			fn: function(e, elem) {
				var spot_panel = Ext.getCmp(elem.id).base.spot_panel;
				_this.hoverSpot(elem, spot_panel, 'over');
			}
		},
		mouseleave: {
			element: 'el',
			fn: function(e, elem) {
				var spot_panel = Ext.getCmp(elem.id).base.spot_panel;
				_this.hoverSpot(elem, spot_panel, 'leave');
			}
		}
	}
});


В Firefox и Chrome все нормально, в IE не работает....

Последний раз редактировалось Eugent, 25.06.2012 в 13:38.
Ответить с цитированием
  #3 (permalink)  
Старый 28.06.2012, 12:57
Аспирант
Отправить личное сообщение для Eugent Посмотреть профиль Найти все сообщения от Eugent
 
Регистрация: 28.02.2012
Сообщений: 55

Нашел такой только способ если кому нужно:
Для того чтобы IE определил див как область необходимо присвоить ему класс вида:
background-color: #ffffff;
opacity: 0.25;
filter: alpha(opacity=25);
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При наведении на определенный блок, DIV, появляется скрытое сожержимое kismedia Элементы интерфейса 9 22.05.2015 19:15
Смена нескольких картинок при наведении Demoni Элементы интерфейса 8 28.04.2012 23:57
Изменение изображения при наведении mishko_o Элементы интерфейса 4 24.10.2011 16:20
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
menu с выпадающими подменю при наведении и раздвижное при клике bugor Элементы интерфейса 3 04.10.2010 14:32