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


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

2461
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 2110
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
  • LeKcUs написал:
  • В самый конец просто добавьте вот такие теги... И у Вас не будет больше возникать вопросов! cry

    <!-- </popup> -->$POWERED_BY$<!-- <popup> -->
  • invitesystem написал:
  • Скачал архив, залил сайт, но проблема с кодом для вставки в конструктор шаблонов. Какие-то в нём знаки вопроса и без обязательного $POWERED_BY$
  • Marishka написал:
  • Можно, включите фантазию. Бесплатно никто ничего делать не будет.... Данный скрипт то написали так как попросили happy
  • BLAzER написал:
  • А на условных операторах это не сделать?
  • Вовчик написал:
  • Кто-то недавно об этом спрашивал
    Последние темы
    Опрос
    226
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: