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


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

2431
10 из 10
Проголосовало: 2




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

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

    Установка:

    Для начала в 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
    <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/.
    Закрыть - текст кнопки закрытия окошка

    Вот и всё.

  • Автор публикации: Загрузка
    Загрузка
    Вовчик, это его n материал
    Источник: http://ucodes.ru/
    • Всего комментариев: 3

    Goodmind
    0
    Goodmind написал: Написано 14 Октября 2011 в 08:03
    Комментарий №3
    Информеры не работают (( в окне

    VoVcHiK
    0
    VoVcHiK написал: Написано 31 Января 2011 в 07:33
    Комментарий №1
    это не ajax а модальные окна самописные

    Вовчик
    0
    Вовчик написал: Написано 03 Февраля 2011 в 08:31
    Комментарий №2
    А разве это не ajax хоть они и самописные? wacko

    • Оставить комментарий:
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход
    Меню сайта
    Категории
    Для помощи создания сайта uCoz 24
    Скрипты и модификации для Ucoz 2101
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 429
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
    Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
    как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: