Проблема с jqModal

Тема в разделе "Другие языки", создана пользователем farm, 20 мар 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    Нагугил довольно неплохой jquery скрипт для всплывающих окошек с контентом.
    Все подключил - работает.
    Но теперь я не пойму как сделать на одной странице два и более таких окна. Т.е несколько ссылочек, при нажатию на которые открываеться соответствующий div id.
    Код:
    $().ready(function() { $('#dialog').jqm(); });
    Код:
    <a href="#" class="jqModal">view</a>
    <div class="jqmWindow" id="dialog">
    <a href="#" class="jqmClose">Close</a>
    тут мой контент</div>
    Я так понимаю нужно в ready(function() вписать соответствующий слою id. Пробывал по аналогии, ничего не получилось :(



    Вот ссылка на сайт проекта

    В examples это
    1. Defaults -- view


    P.S задача элементарна. Но я в jquery ничего не понимаю :(
     
  2. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    можно указывать какое окно с какой ссылкой открывать по id или по циклу пройтись по всем элементам с классом jqmWindow и приклеить для каждого окна ссылку
    HTML:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
        <script type="text/javascript" src="http://dev.iceburg.net/jquery/jqModal/jqModal.js"></script>
        <link type="text/css" href="http://dev.iceburg.net/jquery/jqModal/jqModal.css" rel="stylesheet">
        <script type="text/javascript">
        $(document).ready(function(){
              $('#dialog1_window').jqm({modal: true, trigger: '#dialog1_window_link'});
              $('#dialog2_window').jqm({modal: false, trigger: '#dialog2_window_link'});
              
             //или
            //$(".jqmWindow").each(function (i) {
                //$(this).jqm({modal: false, trigger: '#'+$(this).attr("id")+'_link'});
            //});
              
            });
        </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
    
    
    <a href="#" class="jqModal" id="dialog1_window_link">view</a>
    <div class="jqmWindow" id="dialog1_window"><a href="#" class="jqmClose">Close</a>1</div>
    
    <a href="#" class="jqModal" id="dialog2_window_link">view</a>
    <div class="jqmWindow" id="dialog2_window"><a href="#" class="jqmClose">Close</a>2</div>
    
    
    
    </body>
    </html>
    
    
     
    farm нравится это.
Статус темы:
Закрыта.