Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Ajax окна как вконтакте для ucoz
Многие для своих соц.сетей на uCoz хотят поставить ajax окошки как вконтакте, но не могут. С помощью нашего кода, теперь это можно сделать без проблем.
Реализовано:
Автоцентрирование окошка
Полоса прокрутки
Эффект при закрытии и открытии окна
Удобное применение
Установка:
Для начала в head разместим:
И перед /body :
Вот и всё. Для создания окошка достаточно прописать:
Для создания второго окошка, достаточно поменять классы:
FAQ по окошкам:
Ссылка для открытия окна:
uCodes - заголовок окна
700 - ширина окна
$('.ajax1').html() - класс для текста/html
Кнопка 1 - текст первой синей кнопки
javascript:alert(\'test\') - ссылка, в данном случае прописан javascript: В случае если необходимо задать какой либо адрес, нужно всего лишь прописать http://ucodes.ru/.
Закрыть - текст кнопки закрытия окошка
Реализовано:
Автоцентрирование окошка
Полоса прокрутки
Эффект при закрытии и открытии окна
Удобное применение
Установка:
Для начала в head разместим:
Code
<link type="text/css" rel="StyleSheet" href="http://ucozua.ru/Ajax/ajaxvk.css" />
<script type="text/javascript" src="http://ucozua.ru/Ajax/ucodesajax.js"></script>
<script type="text/javascript" src="http://ucozua.ru/Ajax/ucodesajax.js"></script>
И перед /body :
Code
<div class="ajaxRun" style="display:none;">
<div style="border-top:1px solid #45688e;border-bottom:1px solid #45688e;border-left:1px solid #45688e;border-right:1px solid #45688e;"><div class="ajaxTitle"></div></div>
<div class="ajaxMessage">
</div>
<div class="uCodesfooter"><div class="oclosedB"></div><div align="right"><div id="bone"><div id="buttonone"></div></div><div id="btwo"><div id="buttontwo"></div></div></div></div>
</div>
<div style="border-top:1px solid #45688e;border-bottom:1px solid #45688e;border-left:1px solid #45688e;border-right:1px solid #45688e;"><div class="ajaxTitle"></div></div>
<div class="ajaxMessage">
</div>
<div class="uCodesfooter"><div class="oclosedB"></div><div align="right"><div id="bone"><div id="buttonone"></div></div><div id="btwo"><div id="buttontwo"></div></div></div></div>
</div>
Вот и всё. Для создания окошка достаточно прописать:
Code
<a href="javascript://" onclick="ucodes('uCodes','700',$('.ajax1').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a>
<div class="ajax1">
бла бла
</div>
<div class="ajax1">
бла бла
</div>
Для создания второго окошка, достаточно поменять классы:
Code
<a href="javascript://" onclick="ucodes('uCodes','700',$('.ajax2').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a>
<div class="ajax2">
ещё одно окошко
</div>
<div class="ajax2">
ещё одно окошко
</div>
FAQ по окошкам:
Ссылка для открытия окна:
Code
<a href="javascript://" onclick="ucodes('uCodes','700',$('.ajax1').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">
uCodes - заголовок окна
700 - ширина окна
$('.ajax1').html() - класс для текста/html
Кнопка 1 - текст первой синей кнопки
javascript:alert(\'test\') - ссылка, в данном случае прописан javascript: В случае если необходимо задать какой либо адрес, нужно всего лишь прописать http://ucodes.ru/.
Закрыть - текст кнопки закрытия окошка
Вы сейчас просматриваете Ajax окна как вконтакте для ucoz. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Ajax окна как вконтакте для ucoz нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Ajax окна как вконтакте для ucoz и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
