Форумы портала PHP.SU :: Версия для печати

1. alexpebody - 19 Апреля, 2017 - 11:01:22 - перейти к сообщению

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

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

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

Спойлер (Отобразить)

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

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

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

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

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

ps Прикрепил файл сприпт модального окна.