Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Окунёк

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites
<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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
А можно ли в 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...