Перейти к содержимому
Русский язык для Invision Community 5

Стандартные модальные окна

Как сделать чтобы при клике на ссылку появлялось стандартное(в смысле без подключения сторонних скриптов) модальное окно, такого плана:

post-50876-0-49910500-1338591820_thumb.jpg

Рекомендованные сообщения

<a href="#" class="my_link">My Link</a>
<script type="text/javascript">
document.observe("dom:loaded", function() {
   $$('.my_link').invoke('observe', 'click', function() {
	new ipb.Popup( 'my_popup', {
		type: 'pane',
		modal: true,
		ajaxURL: "/public/index.html",
		hideAtStart: false,
		evalJs: 'force',
		w: '750px',
		h: '500px'
	});
	return false;
});
});
</script>

  • 5 лет спустя...

Хорошее решение, но есть недостаток - при открытии модального окна срабатываем автоматическая перемотка наверх страницы (если кнопка открытия окна скажем была в футере).

А можно ли в IPB создать кастомное popup-окно например со справкой средствами форума, без вызова внешнего html-шаблона?

А можно ли в IPB создать кастомное popup-окно например со справкой средствами форума, без вызова внешнего html-шаблона?

На форуме полно вариантов "окон".

Пример

<a href="#" class="my_link">My Link</a>
<script type="text/javascript">
document.observe("dom:loaded", function() {
   $$('.my_link').invoke('observe', 'click', function(e) {
       Event.stop(e);
       new ipb.Popup( 'my_popup', {
           type: 'pane',
           initial: $('my_link_content').innerHTML,
           hideAtStart: false,
           w: '500px',
           h: 250
       });
       return false;
   });
});
</script>
<div id='my_link_content' style='display: none;'>12345</div>

Спасибо большое, это намного лучше.

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.