PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Передача модального окна из фрейма в основное окно
alexpebody
Отправлено: 19 Апреля, 2017 - 11:01:22
Post Id


Новичок


Покинул форум
Сообщений всего: 50
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)




Доброго всем времени.

Пожалуйста, подскажите, есть неплохой скрипт модального всплывающего окна.

HTML код странички demo.html
Спойлер (Отобразить)

Страничка index.html
Спойлер (Отобразить)


Как передать вывод по ссылке FADE из iframe окна, в основное index окно, чтобы окно вывелось не во фрейме, а в основном окне?

Описание: такая схема нужна, тк нужно iframe маленькое окно, но получать модальное окно нужно уже в большом окне.

Знаю, что как то можно передать от дочернего фрейма, но как реализовать, что то не але (

Сейчас работа реализована через window.open, но открывает просто окно, а хотелось бы красивое, модальное!

Заранее БОЛЬШОЕ СПАСИБО!

ps Прикрепил файл сприпт модального окна.
Скачать файл: 1329317056.zip
Скачан раз: 13

(Отредактировано автором: 19 Апреля, 2017 - 11:11:54)

 
 Top
Vladimir Kheifets
Отправлено: 20 Апреля, 2017 - 10:45:13
Post Id



Гость


Покинул форум
Сообщений всего: 127
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 3 раз(а)




Знаю, что как то можно передать от дочернего фрейма....

Можно передать так:
window.document.getElementById("view").innerHTML = view_f.document.body.innerHTML;

<html>
<head>
<script type="text/javascript">
function layer_view()
{
window.document.getElementById("view").innerHTML = view_f.document.body.innerHTML;
}
</script>
</head>
<body>
<iframe src='demo.html' id='view_f' name='view_f' frameborder='0' onLoad='layer_view()' style="visibility:hidden"></iframe>
<div id="view" style="position:absolute; z-index:1"></div>
</body>
</html>

(Отредактировано автором: 20 Апреля, 2017 - 10:46:02)

 
 Top
alexpebody
Отправлено: 25 Апреля, 2017 - 11:23:19
Post Id


Новичок


Покинул форум
Сообщений всего: 50
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)




Спасибо!

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <script>
  3. $(document).ready(function(){
  4. $("iframe").on("load", function () {  
  5.     $(this).contents().find("a").each(function() {  
  6.       $(this).attr('target', '_blank');  
  7.    });  
  8. })  
  9. });
  10. </script>
  11.  
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB