Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.06.2013, 14:14
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

Как создать модальное окно что бы оно выводило фрейм
Как создать модальное окно что бы оно выводило фрейм???
Ответить с цитированием
  #2 (permalink)  
Старый 30.06.2013, 14:34
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<style>
    .modal-window {
        display: none;
        position: absolute;
        z-index: 100;
        background: #eee;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #000000;

        left: 30%;
        top: 30px;
    }
    .modal-window-close {
        position: absolute;
        font-size: 10px;
        cursor: pointer;
        right: 4px;
        top: 4px;
    }
    .modal-window-title {
        text-align: center;
    }
    .modal-window-content {
        padding: 5px;
    }
</style>
<script type="text/javascript">
    function showModal(self) {
        var modal = document.getElementById('modalWindow');
        var iframe = modal.getElementsByTagName('iframe')[0];
        iframe.src = self.href;
        modal.style.display = 'block';
        return false;
    }
</script>
<div id="modalWindow" class="modal-window">
    <div class="modal-window-close" onclick="this.parentNode.style.display='none';">Закрыть</div>
    <div class="modal-window-title">Я модальное окно)</div>
    <div class="modal-window-content">
        <iframe src="about:blank" frameborder="0"></iframe>
    </div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam facilisis lorem ac dapibus ullamcorper. Pellentesque vestibulum felis eu odio bibendum, <a href="http://javascript.ru" onclick="return showModal(this);">ткни сюда</a>, ut viverra leo vestibulum. Sed a ipsum posuere, egestas mauris vel, porta magna. Mauris malesuada ipsum in lectus auctor, vel venenatis turpis facilisis. Mauris at eros libero. Curabitur eleifend lorem vel feugiat dignissim. Nam non molestie tortor.</p>
<p> Nullam arcu ligula, lacinia et diam ut, euismod congue metus. Nam erat enim, hendrerit at luctus in, vehicula quis turpis. Nulla id quam at nibh lacinia sollicitudin eget dictum massa. Donec ac arcu in dolor scelerisque tempor vel in justo. Sed elit orci, luctus vel magna a, dapibus ultricies nisl. Curabitur nunc lacus, ullamcorper nec libero at, fringilla luctus eros. Mauris faucibus eu risus id interdum. Duis ante quam, volutpat et tristique sed, tristique non nibh.</p>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 30.06.2013 в 15:00.
Ответить с цитированием
  #3 (permalink)  
Старый 30.06.2013, 14:46
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

а как чтобы при переходе по ссылке модальное окно открывалось?
Ответить с цитированием
  #4 (permalink)  
Старый 30.06.2013, 15:01
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от olehpdatu
а как чтобы при переходе по ссылке модальное окно открывалось?
Смотри выше код
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #5 (permalink)  
Старый 30.06.2013, 15:06
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

То что надо!!!!!СПАСИБО БОЛЬШОЕ!!!
Ответить с цитированием
  #6 (permalink)  
Старый 30.06.2013, 15:27
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

Как изменить размеры контента в модальном окне??? Размеры модального окна меняются а когда в стили ставишь
.modal-window-content {
        padding: 5px;
		width:75%;
		height:75%;
    }
контент остается такого же размера.
Ответить с цитированием
  #7 (permalink)  
Старый 30.06.2013, 15:41
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от olehpdatu
контент остается такого же размера.
меняйте размер фрейма, а окно само под него подстроиться.
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #8 (permalink)  
Старый 30.06.2013, 16:07
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

Пример какой то можете скинуть...бо что то не то делаю???? Вставил видео с ютуба окно не изменилось.
Ответить с цитированием
  #9 (permalink)  
Старый 30.06.2013, 17:03
Интересующийся
Отправить личное сообщение для olehpdatu Посмотреть профиль Найти все сообщения от olehpdatu
 
Регистрация: 17.02.2013
Сообщений: 25

Всё гуд.....Получилось сделать!!
Ответить с цитированием
  #10 (permalink)  
Старый 24.09.2013, 01:39
Аспирант
Отправить личное сообщение для Фридрих Посмотреть профиль Найти все сообщения от Фридрих
 
Регистрация: 10.09.2013
Сообщений: 59

как сделать для нескольких фреймов??
за ранее спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как можно перемещать модальное окно? izcian Общие вопросы Javascript 2 06.10.2012 19:20
Как открыть модальное окно в fancybox по ссылке? mbp64 jQuery 1 03.10.2012 14:22
как можно создать iframe со скриптами GOll Общие вопросы Javascript 2 05.05.2009 11:32
Как узнать свернуто окно браузера или нет. bar-boss Events/DOM/Window 3 25.09.2008 16:09
Как создать окно, определенной ширины и высоты AnIva Events/DOM/Window 2 17.09.2008 09:17