Как работает popup окно

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

3 Страниц
←
1
2
3
→

Вы не можете создавать новые темы
Ответить

#16 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 13:57

Спс, вот только закрываться окно перестало...

Копаю

hideClose: true,

ничего не выходит

            elem.observe('mouseout', function(e){		
                if(popup)
                   popup.kill();
            });

Тоже не работает...

#17 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 15:01

  
$$('.blclass').each(function(elem){ 

  elem.observe('mouseover', function(e){
		   
      Event.stop(e); 
           
      popup = new ipb.Popup('popup', {  
				type: 'balloon',
				stem: true,
				attach: { target: elem, position: 'auto'},
				hideAtStart: false,
				initial: 'hml',
				hideClose: true,
				w: '320px;',					
      });

      elem.observe('mouseout', function(e){
          if(popup)
                popup.kill();
       
   });
});

Почему модальные окна закрываются только по щелчку?

Сообщение изменено: Testweb (12 Декабрь 2015 - 15:02)

#18 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 18:55

Не подскажите? :unsure:

#19 siv1987 ответил:

Advanced

Группа: IPB Skins Team
Сообщений: 9 075
Регистрация: 20-Март 09
Репутация: 2 435
IPB version:3.1.x

Отправлено 12 Декабрь 2015 - 19:02

У меня закрывается и при mouse out. Смотрите в консоли ошибок и дебажите переменную popup. Она желательно быть локальной а не глобальной.

#20 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 19:30

Я хз, так

$$('.blclass').each(function(elem){ 

  elem.observe('mouseover', function(e){
           
      Event.stop(e); 
           
      popup = new ipb.Popup('popup', {  
                type: 'balloon',
                stem: true,
                attach: { target: elem, position: 'auto'},
                hideAtStart: false,
                initial: 'hml',
                hideClose: true,
                w: '320px;',  

	    this.observe('mouseout', function(e){
		 pop.hide();	
            });	              
      });

});

работает, но не совсем верно. После закрытия, повторно не откроется... Ошибки в консоле отсутствуют

Я хз что делать...

#21 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 20:19

Окна по щелчку закрываются, почему?

Даже если убрать
this.observe('mouseout', function(e){
pop.hide();
});

#22 siv1987 ответил:

Advanced

Группа: IPB Skins Team
Сообщений: 9 075
Регистрация: 20-Март 09
Репутация: 2 435
IPB version:3.1.x

Отправлено 12 Декабрь 2015 - 20:27

Вы в консоли смотрели? Во первых в этом скрипте есть синтаксические ошибки, возьмите нормальный редактор и приведите код в порядок.

#23 siv1987 ответил:

Advanced

Группа: IPB Skins Team
Сообщений: 9 075
Регистрация: 20-Март 09
Репутация: 2 435
IPB version:3.1.x

Отправлено 12 Декабрь 2015 - 20:50

Я помню что там были какие-то косяки с аттачем евентов к элементам. Просто тупо не хотели повторно срабатывать. С чем это связано так и не разобрался, возился долго, в итоге тоже какие-то костыли приделал.
Но в данном случае ошибка как минимум в { target: elem, position: 'auto'} - elem это переменная цикла, вместо нее нужно использовать this.
popup - одна переменная для всех элементов. Попробуйте вместо нее массив, или непосредственно указать ее к элементу this.popup = new ipb.Popup

#24 siv1987 ответил:

Advanced

Группа: IPB Skins Team
Сообщений: 9 075
Регистрация: 20-Март 09
Репутация: 2 435
IPB version:3.1.x

Отправлено 12 Декабрь 2015 - 21:19

Вот рабочий пример с делегированием

<div id="test">
	<a href="#" class="blclass" data-id=1>Test 1</a><br>
	<a href="#" class="blclass" data-id=2>Test 2</a><br>
</div>

<script>
var popup;
$('test').observe('mouseover', function(event) {
	var row = event.findElement('a.blclass');
	if(row){
		popup = new ipb.Popup('popup', {
					type: 'balloon',
					stem: true,
					attach: {target: row},
					hideAtStart: false,
					initial: row.innerHTML,
					w: '320px;'
		});
	}
});
$('test').observe('mouseout', function(event) {
	var row = event.findElement('a.blclass');
	if(row){
		if(popup){
			popup.kill();
			popup = false;
		}
	}
});
</script>

#25 Testweb ответил:

Advanced

Группа: Пользователи
Сообщений: 320
Регистрация: 12-Ноябрь 14
Репутация: -3
IPB version:3.4.x

автор темы Отправлено 12 Декабрь 2015 - 21:38

Рабочий

Без обертки "<div id="test">", не получится никак?

#26 siv1987 ответил:

Advanced

Группа: IPB Skins Team
Сообщений: 9 075
Регистрация: 20-Март 09
Репутация: 2 435
IPB version:3.1.x

Отправлено 12 Декабрь 2015 - 21:45

Вы можете делегировать на любой общий родительский элемент. В данном случае это пример для наглядности. Костыль конечно, но я так и не разобрался что там с аттачами евентов. Проблема есть именно с типом balloon который прикрепляет модальное окно к элементу.