Модальное всплывающее окно
Суть - на одном блоге нашел нужный мне скрипт модального окна.
Вот краткое описание - ####################### Все что от нас требуется - это прописать несколько строчек между тегами <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 код внутри запускался. Так же меня тяготит еще вопрос возможно ли поставить на этот скрипт куки. |
$().ready(function () { $('body').append('ваш хтмл код'); }); что то как то вот так |
Часовой пояс GMT +3, время: 06:33. |