Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.04.2015, 00:20
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

poup up в iframe
Добрый день!
Есть некий iframe на странице. При нажатии на ссылку,выскакивает poup up окно. Но там происходит подсчет окна iframe, а не монитора (что бы poup up был по центру.
Скажите, пожалуйста, как сделать так, что всплывающее окно было по центру экрана монитора, а не экрана iframe-а
Вот сам код:
function open_popup(box) {
  $("#background").show() 
  $(box).centered_popup(); 
  $(box).delay(100).show(1);


} 
 

function close_popup(box) { 
  $(box).hide(); 
  $("#background").delay(100).hide(1); 
} 
 
$(document).ready(function() { 
  
  $.fn.centered_popup = function() { 
    this.css('position', 'absolute');
    this.css('top', ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 'px'); 
    this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px'); 
  }

});
Ответить с цитированием
  #2 (permalink)  
Старый 30.04.2015, 10:25
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от qwe88
Есть некий iframe на странице
А фрейм на том же домене, что и главная ?
Или(если нет): можно ли поставить свой скрипт на главную помимо фрейма ?
Ответить с цитированием
  #3 (permalink)  
Старый 30.04.2015, 10:28
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

Да, iframe на том же домене
Ответить с цитированием
  #4 (permalink)  
Старый 30.04.2015, 10:36
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от qwe88
Да, iframe на том же домене
Ну тогда самое простое написать poup up на главной и вызвать функцию открытия poup up на Главной из фрейма
window.top.имя_функции(аргументы)
Ответить с цитированием
  #5 (permalink)  
Старый 30.04.2015, 10:49
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

Что-то не могу понять, как это реализовать.

Вот главная страница:
<iframe class="kartamin" id="fram" frameborder="0" width="1200" height="1150" border="0" scrolling="no" src="/qwe.html" name="I1" allowtransparency="true"></iframe>


Вот внутренняя (которая в iframe):
<script src="htp://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
function open_popup(box) {
  $("#background").show() 
  $(box).centered_popup(); 
  $(box).delay(100).show(1);


} 
 

function close_popup(box) { 
  $(box).hide(); 
  $("#background").delay(100).hide(1); 
} 
 
$(document).ready(function() { 
  
  $.fn.centered_popup = function() { 
    this.css('position', 'absolute');
    this.css('top', ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 'px'); 
    this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px'); 
  }

});
</script>
<div class="yarl1a" onclick="open_popup('#modal_window');">Девяткино</div>
Ответить с цитированием
  #6 (permalink)  
Старый 30.04.2015, 11:32
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от qwe88
<iframe class="kartamin" id="fram" frameborder="0" width="1200" height="1150" border="0" scrolling="no" src="/qwe.html" name="I1" allowtransparency="true"></iframe>
Поставьте скрипт -функцию для pop up сразу за фреймом на главной и вызывайте функцию из фрейма
для примера поставьте за фреймом:
<script>
function topAlert(a) {alert(a)}
</script>

И вызов из фрейма
window.top.topAlert('Привет c Главной!')

=============
Там же на главной будете и определять своей функией и смещение для pop up и open и glose (вызовами по ссылке внутри фрейма передаете управления-вызываете функции в топ-окне

Последний раз редактировалось Deff, 30.04.2015 в 11:36.
Ответить с цитированием
  #7 (permalink)  
Старый 30.04.2015, 11:39
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

Супер!
Спасибо огромное!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставка контента на страницу: div vs iframe hrundel Общие вопросы Javascript 8 23.08.2016 07:48
Изменить параметр тега iframe AlexM jQuery 2 26.01.2012 10:05
Скрыть iframe - транспорт при отправке формы. Kotakota AJAX и COMET 2 30.08.2011 09:43
Вложенные IFrame и History goldserg Элементы интерфейса 1 28.03.2011 14:57
Закрыть iframe из iframe rawuk Элементы интерфейса 1 02.03.2011 10:05