Стандартные модальные окна - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

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

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

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   Окунёк ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 3
  • Регистрация: 01-Июнь 12
  • Репутация: 0
  • IPB version:3.3.x
 

Отправлено 02 Июнь 2012 - 02:02

Как сделать чтобы при клике на ссылку появлялось стандартное(в смысле без подключения сторонних скриптов) модальное окно, такого плана:
Вложение  12ssF4rxG.jpg (48,93К)
Количество загрузок: 52
0

#2 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 537
  • IPB version:3.4.x
 

Отправлено 02 Июнь 2012 - 02:23

<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>

2

#3 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 755
  • Регистрация: 27-Март 16
  • Репутация: 47
  • IPB version:3.4.x
 

Отправлено 12 Октябрь 2017 - 20:40

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

#4 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 549
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 049
  • IPB version:I have no IPB
 

Отправлено 13 Октябрь 2017 - 08:32

Просмотреть сообщениеStrategius сказал(а):

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

2

#5 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 755
  • Регистрация: 27-Март 16
  • Репутация: 47
  • IPB version:3.4.x
 

Отправлено 13 Октябрь 2017 - 11:51

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

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2017 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна