PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

JQuery modal окно не работает с двумя таблицами.

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

NVP	Отправлено: 23 Сентября, 2011 - 09:50:36
Новичок Покинул форум Сообщений всего: 24 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Добрый день. Есть модальное окно JQuery <div id="dialog-form" title="Трутуту"> <p class="validateTips">Тратата.</p> <form> ... </form> </div> и есть форма в котой таблица при нажатии кнопок в которой отображается это окно. Работает нормально. JQuery находит этот <div id="dialog-form" обрамляет его двумя дивами: <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: none; position: absolute" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-form"> и <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> и все отображается как нужно. Но мне зачастую нужно отображать более одной формы с таблицей и вот тут лежат грабли! Как только я отображаю еще одну форму, а в ней таблицу, JQuery не обрамляет этот <div id="dialog-form" и как модальное окно этот див не работает. К сожалению не знаю что у JQuery внутри. Как говорят "учите матчасть", но времени пшик. Может кто знает что происходит и как это обойти. Спасибо... (Отредактировано автором: 23 Сентября, 2011 - 09:51:53)

Viper	Отправлено: 23 Сентября, 2011 - 10:03:36
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	NVP а дополнительные формы/таблицы тоже находятся в <div id="dialog-form"/> ? ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

NVP	Отправлено: 23 Сентября, 2011 - 10:32:23
Новичок Покинул форум Сообщений всего: 24 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Нет. Структура HTML такая: <html> <head> Тумтурун </head> <body> <div id="container"> <div id="header">Хеадер</div> <div id="top_navigation">Меню</div> <div id="wrapper"> <div id="template"> <form action="http://www.ttm.ua/equipment/service_objects/" method="post"> <table>...</table> </form> <div id="footer">Футер</div> </div> </div> этот div JQuery ставит сам <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: none; position: absolute" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-form"> этот тоже <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> дальше мой <div id="dialog-form" class="ui-dialog-content ui-widget-content"> только JQuery добавляет свой class дальше текст, закрываются эти три div </div> </body> </html> Если я добавляю после <form action="http://www.ttm.ua/equipment/service_objects/" method="post"> <table>...</table> </form> еще <form action="http://www.ttm.ua/equipment/service_objects/" method="post"> <table>...</table> </form> То грабли... тегов <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: none; position: absolute" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-form"> и <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> и классов в моем div нету... Естественно мой </div> уже не отображается как модальное окно, а сразу высвечивается на странице. Если не добавляю - все работает! (Отредактировано автором: 23 Сентября, 2011 - 10:34:07)

SAD	Отправлено: 23 Сентября, 2011 - 10:47:45
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	приведите код, только обрамите его соответсвующими тегами

Viper	Отправлено: 23 Сентября, 2011 - 10:49:03
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	NVP нужно добавлять в dialog-form весь контент который будет в модальном окне. И для dialog-form задайте display:none; дабы не показывалось пока не в диалоговом окне. jQueryUI сам сменит свойство display на нужный при обработке. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

NVP	Отправлено: 23 Сентября, 2011 - 15:47:26
Новичок Покинул форум Сообщений всего: 24 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	На глупость всегда нет ответа! Это не JQuery винована, это я тормоз! Сперва пробовал модальное окно плагина jquery.blockUI, потом перешел на jquery-ui. То с этим перепуталось! Почистил все пошло как по маслу. Вот только пол дня потерял. Спасибо отвечающим за ответы.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.