Netcat и jquery окна

Тема в разделе "NetCat", создана пользователем emil116rus, 4 окт 2010.

Статус темы:
Закрыта.
  1. emil116rus

    emil116rus Постоялец

    Регистр.:
    29 мар 2008
    Сообщения:
    130
    Симпатии:
    15
    Всем привет! подскажите пожалуйста как можно реализовать:
    есть сайт с станицами 6-12, на главной находятся все ссылки, при нажатии на них всплывает окошко jquery, т.е. так называемых переходов на страницы сайта нет только окошко с информацией!
     
  2. Muerto

    Muerto Писатель

    Регистр.:
    5 окт 2006
    Сообщения:
    156
    Симпатии:
    37
    Вопрос не совсем по адресу. Требуется код страницы со скриптом. Давай код страницы с вызовом окон или, лучше, ссылку на страницу.
     
  3. emil116rus

    emil116rus Постоялец

    Регистр.:
    29 мар 2008
    Сообщения:
    130
    Симпатии:
    15
    1. Вот сайт http://www.rc-kazan.ru
    движок битрикс.

    2. Модальное окно
     
  4. Muerto

    Muerto Писатель

    Регистр.:
    5 окт 2006
    Сообщения:
    156
    Симпатии:
    37
    Для начала можешь посмотреть сюда.
     
  5. emil116rus

    emil116rus Постоялец

    Регистр.:
    29 мар 2008
    Сообщения:
    130
    Симпатии:
    15
    Понятно как все это прикрепить! Вопрос в следующем:
    1. Информация, которая будет в этих окнах получается надо будет размещать в шаблоне дизайна!
    2. Ссылка на разделы сейчас она так как вся инфа на этой же страницы #dialog, как на сайте будет contact и тд

    <ul>
    <li><a href="#dialog" name="modal">Простое модальное окно</a></li>

    </ul>
    <div id="boxes">
    <div id="dialog" class="window">
    Простое модальное окно |
    <a href="#"class="close"/>Закрыть его</a>
    </div>
    <!-- Макска, которая затемняет весь экран -->
    <div id="mask"></div>
     
  6. Muerto

    Muerto Писатель

    Регистр.:
    5 окт 2006
    Сообщения:
    156
    Симпатии:
    37
    Полагаю, примерно так:
    (функция взята с той страницы и немного подредактирована, ссылка тоже)
    Код:
     $('a[class=modal]').click(function(e) {     e.preventDefault();     var id = $(this).attr('name');            var maskHeight = $(document).height();     var maskWidth = $(window).width();        $('#mask').css({'width':maskWidth,'height':maskHeight});        $('#mask').fadeIn(1000);      $('#mask').fadeTo("slow",0.8);         var winH = $(window).height();     var winW = $(window).width();       $(id).css('top',  winH/2-$(id).height()/2);     $(id).css('left', winW/2-$(id).width()/2);    $(id).innerHTML = $.get($(this).attr('href') );     $(id).fadeIn(2000);
    return false;
     });
    <a href="test.php" name="#dialog2" class="modal">окно с ссылкой</a>
     
Статус темы:
Закрыта.