Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Окунёк

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

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

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

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>

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение

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

А можно ли в 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>

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...