PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Передача из IFRAME

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

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

Описание: Передача модального окна из фрейма в основное окно

Поиск в теме | Версия для печати

alexpebody	Отправлено: 19 Апреля, 2017 - 11:01:22
Новичок Покинул форум Сообщений всего: 53 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	Доброго всем времени. Пожалуйста, подскажите, есть неплохой скрипт модального всплывающего окна. HTML код странички demo.html Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <!DOCTYPE html> <!-- * Markup for jQuery Reveal Plugin 1.0 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php --> <head> <meta charset="utf-8" /> <title>Reveal Demo</title> <!-- Attach our CSS --> <link rel="stylesheet" href="reveal.css"> <!-- Attach necessary scripts --> <!-- <script type="text/javascript" src="jquery-1.4.4.min.js"></script> --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> <script type="text/javascript" src="jquery.reveal.js"></script> <style type="text/css"> body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; } .big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; } </style> </head> <body> <a href="#" class="big-link" data-reveal-id="myModal"> Fade and Pop </a> <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade"> Fade </a> <a href="#" class="big-link" data-reveal-id="myModal" data-animation="none"> None </a> <div id="myModal" class="reveal-modal"> <h1>Reveal Modal Goodness</h1> <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p> <a class="close-reveal-modal">Ч</a> </div> More script and css style : <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a> </body> </html> Страничка index.html Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <iframe src="demo.html"></iframe> Как передать вывод по ссылке FADE из iframe окна, в основное index окно, чтобы окно вывелось не во фрейме, а в основном окне? Описание: такая схема нужна, тк нужно iframe маленькое окно, но получать модальное окно нужно уже в большом окне. Знаю, что как то можно передать от дочернего фрейма, но как реализовать, что то не але ( Сейчас работа реализована через window.open, но открывает просто окно, а хотелось бы красивое, модальное! Заранее БОЛЬШОЕ СПАСИБО! ps Прикрепил файл сприпт модального окна. Скачать файл: 1329317056.zip Скачан раз: 39 (Отредактировано автором: 19 Апреля, 2017 - 11:11:54)

Vladimir Kheifets	Отправлено: 20 Апреля, 2017 - 10:45:13
Частый посетитель Покинул форум Сообщений всего: 879 Дата рег-ции: Март 2017 Откуда: Германия, Бавария Помог: 37 раз(а)	Знаю, что как то можно передать от дочернего фрейма.... Можно передать так: 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)

alexpebody	Отправлено: 25 Апреля, 2017 - 11:23:19
Новичок Покинул форум Сообщений всего: 53 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	Спасибо! CODE (html): скопировать код в буфер обмена <script> $(document).ready(function(){ $("iframe").on("load", function () { $(this).contents().find("a").each(function() { $(this).attr('target', '_blank'); }); }) }); </script>

Поиск в теме | Версия для печати

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

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

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