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

2492
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 25
    Скрипты и модификации для Ucoz 2115
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    235
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 8
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: