Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.03.2013, 06:40
Новичок на форуме
Отправить личное сообщение для Corleone Посмотреть профиль Найти все сообщения от Corleone
 
Регистрация: 13.03.2013
Сообщений: 2

Модальное всплывающее окно
Суть - на одном блоге нашел нужный мне скрипт модального окна.

Вот краткое описание -
#######################
Все что от нас требуется - это прописать несколько строчек между тегами <head></head>:

<link type='text/css' href='basic.css' rel='stylesheet' media='screen' />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="init.js"></script>
Как Вы видите тут мы просто инициализируем jQuery и пару вспомогательных скриптов. Также подключаем таблицу стилей.

Далее где-нибудь в документе вставляем текст всплывающей
<h1>Goodbye visitor!</h1><h3>Thanks for visiting us!</h3><br /> подсказки:

<div style="display: none; padding: 10px;" id="exit_content">
Some additional text here ... lorem ipsum.
</div>
Вот и вся технология! Суть данного метода заключается в том, что в файле init.js находится инструкция, которая вызывает всплывающее окно как только пользователь достигает последних 5 пикселей сайта. Значение "5" можно заменить на любое произвольное.
#######################

Хотелось бы его немного доработать,потому что предстоит использовать его на нескольких сайтах и возможно содержание будет меняться. чтобы не вставлять в код тело всплыв окна я хочу поместить его в .js

Но не знаю как сделать чтобы html код внутри запускался.

Так же меня тяготит еще вопрос возможно ли поставить на этот скрипт куки.
Ответить с цитированием
  #2 (permalink)  
Старый 20.03.2013, 00:14
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

$().ready(function () {
    $('body').append('ваш хтмл код');
});

что то как то вот так
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
модальное окно div'ом codingfighter Общие вопросы Javascript 28 03.09.2013 15:07
Передача данных из форм в модальное окно. andrey96 AJAX и COMET 5 16.11.2012 16:47
Модальное диалоговое окно hrundel jQuery 1 12.10.2012 18:48
Посоветуйте как сделать модальное окно battrack jQuery 3 12.07.2012 15:42
Как запустить модальное окно из информационного окна google maps? www123 jQuery 5 04.09.2011 23:38