Ajax окна как вконтакте (Самописные) для ucoz - Форум Города Дружба - Город Дружба(Сумская область, Ямпольский район)

Попасть в команду портала

Новые сообщения Участники Правила форума Поиск RSS

Страница 1 из 1
1

Архив - только для чтения

Ajax окна как вконтакте (Самописные) для ucoz

-=ШуРиК=-

Дата: Пятница, 28.01.2011, 00:36:36 | Сообщение # 1

Группа: Гл. Модератор

Сообщений: 342

Награды: 1

Репутация: 0

Многие для своих соц.сетей на uCoz хотят поставить ajax окошки как вконтакте, но не могут. С помощью нашего кода, теперь это можно сделать без проблем.
Реализовано:
Автоцентрирование окошка
Полоса прокрутки
Эффект при закрытии и открытии окна
Удобное применение
Установка:
Для начала в head разместим:

Code

И перед /body :

Code

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

Code

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

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

Code

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

FAQ по окошкам:
Ссылка для открытия окна:

Code

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

Ajax окна как вконтакте (Самописные) для ucoz

Страница 1 из 1
1