всплывающее окно joomla, которое должно закрываться только нажатием кнопки

#javascript #jquery #joomla #popup

#javascript #jquery #joomla #всплывающее окно

Вопрос:

Я использую плагин popup anywhere в joomla. Я должен отображать подробную информацию о странице статьи в этом всплывающем окне во время входа пользователя в систему. Но здесь всплывающее окно закрывается по щелчку на стороне всплывающего экрана, я этого не хочу. Всплывающее окно должно закрываться только в момент нажатия кнопки «Согласен», которая есть в статье.

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

1. Пожалуйста, покажите какой-нибудь код из плагина, который в данный момент запускает событие закрытия, иначе на это трудно ответить. Адам дал ответ, который решит вашу проблему

Ответ №1:

Это должно предотвратить закрытие окна щелчком мыши в стороне от элемента:

 $('#your-close-button').click(function(e){
  e.stopPropagation();
});

1. Может быть, это не очень хорошая идея, потому что это повлияет и на другое место в joomla. Есть ли другой плагин в соответствии с моими потребностями?

2. Не совсем понимаете, что вам нужно? Если вам удобно редактировать код, вы можете просто добавить все вышеперечисленное туда, где вам это нужно. Я не очень хорошо знаком с большим количеством плагинов для Joomla, поэтому не могу дать никаких дополнительных советов по этому поводу.

Ответ №2:

Joomla имеет модальное окно как часть своего основного кода, который основан на mootools Squeezebox. Вы можете вызвать iframe в модальном окне, которое не может закрыться таким образом:

 <?php JHTML::_('behavior.mootools'); ?>
<a href="http://www.example.com/page2.html" class="modal" 
   rel="{closable: false, handler:'iframe'}">
   Click here to launch a popup</a>

Если вы затем захотите page2.html чтобы иметь кнопку закрытия, вы должны добавить этот скрипт в родительское окно,

 <script>               
function closepopup() {
SqueezeBox.close();              
}        
</script>

и создайте кнопку следующим образом:

 <a href="javascript:parent.closepopup()">CLOSE!</a>