Проблема с jqModal

farm · 20 Мар 2010

Нагугил довольно неплохой 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. Пробывал по аналогии, ничего не получилось

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

polyetilen · 23 Мар 2010

можно указывать какое окно с какой ссылкой открывать по 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>

Проблема с jqModal

farm

Постоялец

polyetilen

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