Сегодня я расскажу о плагине, который позволяет создавать окна на Ваших сайтах.
В качестве примера возьму один из вариантов - окно со статическим содержимым. Скачиваем и подключаем плагин:
Code
<script src="http://192.168.7.1/js/jquery.js"
language="JavaScript" type="text/javascript"></script>
<script src="http://192.168.7.1/main.js"
language="JavaScript" type="text/javascript"></script>
<script src="http://192.168.7.1/js/plugin.js"
language="JavaScript" type="text/javascript"></script>
В данном примере скаченный плагин обозвал просто plugin.js.
main.js - это javascript, который содержит:
Code
$(document).ready(function(){});
.
Скачиваем CSS и картинку загрузки. Далее в тексте создаем ссылку, нажав на которую посетитель откроет наше окно.
Code
<a href="#TB_inline?height=300&width=300&inlineId=one" class="thickbox">
Регистрация
</a>
Посмотрим на параметры:
height=300 - высота окна
width=300 - ширина окна
inlineId=one - id элемента, в котором содержится контент для окна. Далее в тексте страницы пишем:
Code
<div id="one" class="TB_modal">
<a href="http://flora.org.ru">test
</a>
За место test надо написать свой текст =)
Таким образом можно помещать любой статический контент. Если Вы хотите модальное окно, то к параметрам надо добавить
. В div:
Code
<input id="Login" type="submit" onclick="tb_remove()" value=" Ok "/>
.
Данный код выведет кнопуську Ok, которая позволит закрыть модальное окно. Рекомендую посмотреть эффект “проявления”(InnerFade).
Оригинал здесь.
Продолжение здесь.
Источник:www.flora.org.ru
Главная 
