Ajax окна как вконтакте для uCoz - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.135.204.160

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

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

Ajax окна как вконтакте для uCoz

spayder

Сообщение оставлено 28.01.2011 в 16:16:30 | Сообщение #1

1537

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

Code

И перед </body>:

Code

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

Code

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

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

Code

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

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

spayder	Сообщение оставлено 28.01.2011 в 16:16:30 \| Сообщение #1
Постоянный PokerChudo Сообщения: 2111 1537	Реализовано: Автоцентрирование окошка Полоса прокрутки Эффект при закрытии и открытии окна Удобное применение Установка: Для начала в head разместим: Code <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz2/ajax_okna_kak_vkontakte.css" /> <script type="text/javascript" src="http://webo4ka.ru/Ucoz2/ajax_okna_kak_vkontakte.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 Получить код Code <a href="javascript://" onclick="ucodes('webo4ka.ru','700',$('.ajax1').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a> <div class="ajax1" style="display:none;"> бла бла </div> Для создания второго окошка, достаточно поменять классы: Code <a href="javascript://" onclick="ucodes('webo4ka.ru','700',$('.ajax2').html(),'Кнопка 1','javascript:alert(\'test\')','Закрыть')">Тестовое окошко</a> <div class="ajax2" style="display:none;"> ещё одно окошко </div> webo4ka.ru - заголовок окна 700 - ширина окна $('.ajax1').html() - класс для текста/html Кнопка 1 - текст первой синей кнопки javascript:alert(\'test\') - ссылка, в данном случае прописан javascript: В случае если необходимо задать какой либо адрес, нужно всего лишь прописать http://webo4ka.ru/. Закрыть - текст кнопки закрытия окошка Подпись пользователя:
	Профиль Цитата Вверх

azxx	Сообщение оставлено 29.01.2011 в 14:54:12 \| Сообщение #2

super shas poprobuju postavitj sebe smile

Ajax окна как вконтакте для uCoz

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