Перейти к контенту
  • 0

Создание Popup окна


Raidon

Вопрос

Собственно, требуется на главной странице форума разместить ссылку, после нажатия на которую, открывалось бы модальное окно IPB с текстом внутри. Пробовал способ от CSO (не реклама), но он не работает на 3.2 http://ipbskins.ru/forum/public/style_emoticons/default/sad.gif
Ссылка на комментарий
Поделиться на других сайтах

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

  • 0

Всё работает, вот пример http://studio-klass.ru/ форум 3.2.3 вверху слева возле соц иконок 3 точки, нажмите на них.

 

просто разместите этот код ПЕРЕД тегами

 

	</body>
</html>

 

<script type='text/javascript'>
//<![CDATA[
showPopup = function(e) {
   	Event.stop(e);
   	popup = new ipb.Popup( 'csoPopup', { type: 'pane', modal: false, w: '500px', h: '500px', initial: $('csoPopup').innerHTML, hideAtStart: false, close: 'a[rel="close"]' } );
   	return false;
}

if( $('csoShowPopup') ) {
   	$('csoShowPopup').observe('click', showPopup);
}
//]]>
</script>
<div id='csoPopup' style='display:none;'>
   	<h3>Юмор</h3>
   	<div>
           	<iframe width="560" height="315" src="http://www.youtube.com/embed/64q2wxArqwY" frameborder="0" allowfullscreen></iframe>
   	</div>
</div>

 

А ссылку <a href='#' id='csoShowPopup'>...</a> в нужное Вам место.

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить на вопрос...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.