Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jquery .dialog Проблема:Всплывающее окно -отображ, jquery .dialog Проблема:Всплывающее окн 
:(
    Опции темы
denisOgr
  Дата 26.7.2010, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 26.7.2010

Репутация: нет
Всего: нет



Есть ссылки в виде картинок. Нужно. что бы при клике на ссылку в центре экрана ил под картинкой, вообщем появлялась форма. Делаю через Jquery. использую метод . dialog Но форма появляется один раз при клике., при втором ничего не появляется, как будто окно все еще открыто но невидимо что ли
Вот код
сылка(карта):
Код
<AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#"  rel="1" id="openForm" >
форма:
Код
<div id="dialog-com" style="display:none;"> МОЯ ФОРМА</div>
скрипт:
Код
<script type="text/javascript">
    $("#openForm").click(
        function () {
        $("#dialog-com").dialog();
                $( "#dialog-com" ).dialog({ closeOnEscape: false });
                $( "#dialog-com" ).dialog( "option", "autoOpen", false );
                $( "#dialog-com" ).dialog({
                buttons: {
                'Закрыть': function() {
                    $(this).dialog('close');
                }}});

                return false;  
    }

);
    </script>
Общий код(мож понадобится)
Код

<MAP NAME="map.jpg">
        <AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#"  rel="1" id="openForm" >
       .....................................................................
 .     .....................................................................

    </map>



    <script type="text/javascript">
    $("#openForm").click(
        function () {
        $("#dialog-com").dialog();
                $( "#dialog-com" ).dialog({ closeOnEscape: false });
                $( "#dialog-com" ).dialog( "option", "autoOpen", false );
                $( "#dialog-com" ).dialog({
                buttons: {
                'Закрыть': function() {
                    $(this).dialog('close');
                }}});

                return false;  
    }

);
    </script>

    <div id="dialog-com">MY FORM</div>

PM MAIL   Вверх
12345c
Дата 30.7.2010, 01:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 3
Всего: 101



Трудно ли посмотреть через Firebug, где и в каком виде div id="dialog-com"?


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0735 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.