ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery dialog - как настроить внешний вид?
4 сообщений из 4, страница 1 из 1
jQuery dialog - как настроить внешний вид?
    #39387900
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
С большим трудом, но разобрался как настроить внешний вид dialog под себя. Осталось немногое - заполнить дырку "Close" крестиком. Сайт https://professorweb.ru/my/javascript/jquery/level4/4_9.php советует добавить запись
Код: javascript
1.
2.
3.
4.
                   open: function () {
                        $('.ui-dialog .ui-dialog-titlebar-close').bind('click', function () {
                            $('#dlg').dialog('close');
                        })



и всё тогда появится. Но не появляется - видать где-то надо прицепить иконку этого крестика из каталога images. Но как это сделать - не знаю. Подскажите.
С уважением ВВГ

PS На всякий случай скрипт диалога
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
    <script type="text/javascript">
        $(function () {
            $('#dlg').dialog(
                {
                    open: function () {
                        $('.ui-dialog .ui-dialog-titlebar-close').bind('click', function () {
                            $('#dlg').dialog('close');
                        })
                    },
                    height: [250],
                    width:  [350],
                    modal: true,
                    buttons: [
                         {
                             text: "Войти",
                             click: function () {
                                 // какие-то действия при нажатии на кнопку 2.
                             }
                         },
                         {
                             text: "Отмена",
                             click: function () {
                                 $(this).dialog("close");
                             }
                         }
                    ]
                });
        })
    </script>
...
Рейтинг: 0 / 0
19.01.2017, 18:43
| Ответить | Цитировать | Написать  
jQuery dialog - как настроить внешний вид?
    #39387940
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
ValGerС большим трудом, но разобрался как настроить внешний вид dialog под себя. Осталось немногое - заполнить дырку "Close" крестиком. Сайт https://professorweb.ru/my/javascript/jquery/level4/4_9.php советует добавить запись
Код: javascript
1.
2.
3.
4.
                   open: function () {
                        $('.ui-dialog .ui-dialog-titlebar-close').bind('click', function () {
                            $('#dlg').dialog('close');
                        })




Странно все это.
Рекомендация повесить событие на клик никак не связано с отсутствием крестика на кнопке.

По-моему окно должно закрываться и без дополнительных обработчиков.
Отсутствие крестика может быть связано с недогрузкой картинок для CSS. Надо смотреть в developer tools, там все понятно.
...
Рейтинг: 0 / 0
19.01.2017, 19:59
| Ответить | Цитировать | Написать  
jQuery dialog - как настроить внешний вид?
    #39387943
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
ValGer,

Вопрос решился чрезвычайно просто! ProfessorWeb - извини! Нужно просто в папку с JQuery поместить и папку с изображениями imges и тогда крестик автоматически появляется в нужном окошке. Или дать ссылку на неё.
С уважением ВВГ
...
Рейтинг: 0 / 0
19.01.2017, 20:07
| Ответить | Цитировать | Написать  
jQuery dialog - как настроить внешний вид?
    #39392784
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
big-duke
Участник
ValGer,

Если надумаете использовать бутстрап, то там крестик рисуется вот так
Код: html
1.
2.
3.
4.
<div class="modal-header">
    <button class="close" data-dismiss="modal" type="button" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="bootstrap-modal-label">Редактирование фотографии</h4>
</div>
...
Рейтинг: 0 / 0
27.01.2017, 10:36
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery dialog - как настроить внешний вид?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]