Добро пожаловать!
На развлекательный портал SoftFAW.Ru!

Добавьте нас в закладки, мы будем Вам очень признательны! Для этого нажмите комбинацию клавиш Ctrl+D.
Добро пожаловать!



Страница 1 из 11
Форум » Все о uCoz » Статьи » Ajax окна как вконтакте (Самописные)
Ajax окна как вконтакте (Самописные)
AdminДата: Пятница, 28.01.2011, 14:53 | Сообщение # 1

Сообщений: 63
Подарки: 7
[ 36 ]
Статус: Офлайн

Многие для своих соц.сетей на uCoz хотят поставить ajax окошки как вконтакте, но не могут. С помощью нашего кода, теперь это можно сделать без проблем.

Реализовано:

Автоцентрирование окошка
Полоса прокрутки
Эффект при закрытии и открытии окна
Удобное применение

Установка:
Для начала в head разместим:

Code
<link type="text/css" rel="StyleSheet" href="/js/a_ucodes.css" />  
<script type="text/javascript" src="/js/uCodes_ajax.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>

Вот и всё. Для создания окошка достаточно прописать:

Code
<a href="javascript://" onclick="ucodes('SoftFAW','700',$('.ajax1').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a>  
<div class="ajax1"  style="display:none;">  
бла бла  
</div>

Для создания второго окошка, достаточно поменять классы:

Code
<a href="javascript://" onclick="ucodes('SoftFAW','700',$('.ajax2').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a>  
<div class="ajax2"  style="display:none;">  
ещё одно окошко  
</div>

Ну и наконец загружаем файлы в FTP (ссылки ниже).

Вот и всё.

FAQ по окошкам:

Ссылка для открытия окна:

Code
<a href="javascript://" onclick="ucodes('SoftFAW','700',$('.ajax1').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">

где:
SoftFAW - заголовок окна
700 - ширина окна
$('.ajax1').html() - класс для текста/html
Кнопка 1 - текст первой синей кнопки
javascript:alert(\'test\') - ссылка, в данном случае прописан javascript: В случае если необходимо задать какой либо адрес, нужно всего лишь прописать http://softfaw.ru/.
Закрыть - текст кнопки закрытия окошка

Примечание: если в окошке будет не корректно отображаться шрифт, то попробуйте в заменить эту строчку:

Code
<script type="text/javascript" src="/js/uCodes_ajax.js"></script>

на

Code
<script type="text/javascript" src="http://ucodes.ru/js/uCodes_ajax.js"></script>




 
Форум » Все о uCoz » Статьи » Ajax окна как вконтакте (Самописные)
Страница 1 из 11
Поиск: