Публичная оконная библиотека

Используется расширение popup (core_popup.js). Данный вид окон используется для работы публичный интерфейсов. Для административных интерфейсов (в т.ч. и для административных интерфейсов в публичной части) следует использовать расширение window.

Пример

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("PopUp");
	CJSCore::Init(array("popup"));
?>
<div id="hideBlock" style="display:none;">
	<h1>Hello</h1>
	<p>text</p>
</div>
<script>
	window.BXDEBUG = true;
BX.ready(function(){
	var oPopup = new BX.PopupWindow('call_feedback', window.body, {
		autoHide : true,
		offsetTop : 1,
		offsetLeft : 0,
		lightShadow : true,
		closeIcon : true,
		closeByEsc : true,
		overlay: {
			backgroundColor: 'red', opacity: '80'
		}
	});
	oPopup.setContent(BX('hideBlock'));
	BX.bindDelegate(
		document.body, 'click', {className: 'css_popup' },
			BX.proxy(function(e){
				if(!e)
					e = window.event;
				oPopup.show();
				return BX.PreventDefault(e);
		}, oPopup)
	);
   
   
});
</script>
<div class="css_popup">click Me</div>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.

Alexander Kiselov 11.11.2022 12:17:38

Сообщение не промодерировано, возможны ошибки и неточности.

для объекта настроек окна можно настроить действия на события открытия и закрытия окна -

Код

var oPopup = new BX.PopupWindow('call_feedback', window.body, {
      autoHide : true,
      offsetTop : 1,
      offsetLeft : 0,
      lightShadow : true,
      closeIcon : true,
      closeByEsc : true,
      overlay: {
         backgroundColor: 'red', opacity: '80'
      },
      events: {onPopupShow: function() {
                  // Событие при показе окна
               },
               onPopupClose: function() {
                  // Событие при закрытии окна                
               }
      }
   });

2 Алексей Попович 22.02.2015 18:10:22
пример использования детально описан тут: http://dev.1c-bitrix.ru/community/webdev/user/60622/blog/11276/

Наверх