ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Модальные диалоги: проектирование
24 сообщений из 24, страница 1 из 1
Модальные диалоги: проектирование
    #38339199
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Добрый день!

стоит вопрос проектирования интерфейса в котором возможно вызов модального диалога из другого модального диалога и все это в пределе можно до +бесконечности

есть несколько вариантов реализации:
- создание слоя для модального диалога и отображение его поверх всех слоев (проблема вычисления z-Index в некоторых библиотеках разработчики любят баловаться приемами типа zIndex: 999999)
- все предыдущие слои делать невидимыми (тут все просто нужно лишь хранить стек вызова диалогов и отображать/скрывать нужное)

Поделитесь соображениями и опытом пожалуйста!
а может можно и без диалогов?...
...
Рейтинг: 0 / 0
22.07.2013, 15:16
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339204
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Я бы поговорил с тем, кто такую задачу поставил
Может, было бы лучше ее перформулировать
Отобразить в одном диалоге несколько чекбоксов например (возможно, пряча/показывая одни из них в зависимости от других etc)
...
Рейтинг: 0 / 0
22.07.2013, 15:18
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339225
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Паганель,

Поясню на примере:
в форме в поле нужно добавить устройство и в одном из полей устройства нужно выбрать данные из справочника (справочник ну просто большой и при этом предложение с подсказками типа автодополнения не катят - отбор сложный по нескольким полям) -> нужна форма выбора, далее в форме выбора обнаруживаем, что данного экземпляра нет - его надо создать: если закрыть форму поиска и открыть диалог создания - получается некошерно:
- во-первых мельтешение форм
- во-вторых выбиваем смыловой контекст у юзера

Ну потом в создаваемой форме вновь есть поле требующее таких действий и т.д. и т.п.
...
Рейтинг: 0 / 0
22.07.2013, 15:26
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339244
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
что-то я не припоминаю сайтов, работающих с юзером таким образом
только десктопные приложения такие видел
...
Рейтинг: 0 / 0
22.07.2013, 15:34
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339245
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
тут так же подойдет пример какой-нибудь сущности с иерархической зависимостью подсущностей - у нас есть сущности с иерархической зависимостью подсущностей равной 5
...
Рейтинг: 0 / 0
22.07.2013, 15:35
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339246
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Паганель,

это приложения работающие с БД
...
Рейтинг: 0 / 0
22.07.2013, 15:35
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339288
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
Паганельчто-то я не припоминаю сайтов, работающих с юзером таким образом
только десктопные приложения такие видел
Обычный rich web UI.

Топикстартеру: если у Вас слоёв и вправду будет до +бесконечности (теоретический программный максимум и практический реально нужный максимум -- это две большие разницы), то разумеется спасёт стопка невидимых слоёв, из которых демонстрируется нужный.

А 2-3-4-5 слоёв можно и друг поверх друга прорисовывать, но кроме визуальных "красивостей" практического смысла в этом всё равно особого нет.
...
Рейтинг: 0 / 0
22.07.2013, 16:05
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339311
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
The_ShadoW,

ну про + бесконечность - это шутка юмора :)
на самом деле у 2го варианта тоже большой минус - ускользает контекст действия...
но в первом случае самая большая проблема определения текущего самого верхнего значения z-Index
...
Рейтинг: 0 / 0
22.07.2013, 16:16
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339328
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
The_ShadoWОбычный rich web UIпредоставьте, пожалуйста, ссылку на один из таких обычных сайтов
может, и автору пригодится (фаербагом ковырнуть например)
...
Рейтинг: 0 / 0
22.07.2013, 16:24
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339334
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Паганель,

Всякие разные CRM - ну вот первая которая попалась кудабы не плюнул Microsoft CRM
зарегистрируйтесь и поковыряйтесь
...
Рейтинг: 0 / 0
22.07.2013, 16:27
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339356
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
spно в первом случае самая большая проблема определения текущего самого верхнего значения z-Index
Не вижу проблем. Исключая случай "у меня какие-то неведомые библиотеки, которые выставляют какие-то загадочные z-index не так, как я сам хочу".

Тут только можно сказать что-то типа "не используйте библиотеки, которые не можете контролировать" :-)
...
Рейтинг: 0 / 0
22.07.2013, 16:41
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339379
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
The_ShadoW,

я б не спешил с выводами))
...
Рейтинг: 0 / 0
22.07.2013, 16:53
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339384
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
The_ShadoW,

блин не на ту кнопку нажал...
интерфейс позволяет аналитику настраивать формы и там возможно шаманить с цсс и аналитик может впиндюрить zIndex начитавшись попсы про цсс - я исключить аналитика не могу!!! он нужен в работе!!))
...
Рейтинг: 0 / 0
22.07.2013, 16:55
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339388
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
эээ а что такое onmicrosoft.com ?
...
Рейтинг: 0 / 0
22.07.2013, 16:56
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339426
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
The_ShadoWspно в первом случае самая большая проблема определения текущего самого верхнего значения z-Index
Не вижу проблем.+1
Делал приложение, открывающее один модальный диалог из другого. Никаких сложностей не обнаружил.
...
Рейтинг: 0 / 0
22.07.2013, 17:14
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339449
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
AntonariyДелал приложение, открывающее один модальный диалог из другого. Никаких сложностей не обнаружил.

сложности открыть диалог никакой - бери да открывай, но вопрос где он откроется и что увидит пользователь!?
некоторые умельцы в своих библиотеках любят направо и налево своим элементам присваивать zIndex типа 9999999, так не окажется ли такой элемент у вас в диалоге, вместо того чтобы быть под ним??
...
Рейтинг: 0 / 0
22.07.2013, 17:25
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339485
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
sp но вопрос где он откроется и что увидит пользователь!?Ты вслепую кодишь что ли?
Откроется там, где укажешь. Все диалоги имеют соответствующие параметры.

sp некоторые умельцы в своих библиотекахНу так не пользуйся ими.

spтак не окажется ли такой элемент у вас в диалоге, вместо того чтобы быть под ним??Если элемент в диалоге (диалог является контейнером элемента), то он не может оказаться под диалогом, какой z-index ему не ставь.
...
Рейтинг: 0 / 0
22.07.2013, 17:44
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339625
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    #dialog-background {
      background-color: #eee;
      bottom: 0;
      display: none;
      height: 100%;
      left: 0;
      opacity: .8;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
    }
    .dialog {
      background-color: #fff;
      border: solid 1px #000;
      height: 150px;
      position: absolute;
      width: 250px;
      z-index: 0;
    }
    .dialog#last-dialog {
      z-index: 2;
    }
    .dialog p {
      left: 8px;
      position: absolute;
      top: 8px;
      z-index: 99999;
    }
  </style>
</head>
<body>
  <div id="dialog-background"></div>
  <button onclick="openDialog()">Click Me</button>
  <script>
    function openDialog() {
      document.getElementById('dialog-background').style.display = 'block';

      var dialog = document.getElementById('last-dialog');

      if (dialog) {
        dialog.id = null;
      }

      dialog = document.createElement('DIV');
      dialog.className = 'dialog';
      dialog.id = 'last-dialog';
      dialog.innerHTML =
        '<p>' +
        'стоит вопрос проектирования интерфейса ' +
        'в котором возможно вызов модального диалога из другого модального диалога ' +
        'и все это в пределе можно до +бесконечности' +
        '</p>' +
        '<button onclick="openDialog()">Click Me</button>';
      dialog.style.left = Math.floor(Math.random() * 100) + 200 + 'px';
      dialog.style.top = Math.floor(Math.random() * 50) + 100 + 'px';

      document.body.appendChild(dialog);
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
22.07.2013, 19:14
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339701
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
spблин не на ту кнопку нажал...
интерфейс позволяет аналитику настраивать формы и там возможно шаманить с цсс и аналитик может впиндюрить zIndex начитавшись попсы про цсс - я исключить аналитика не могу!!! он нужен в работе!!))
Ну напишите в документации продукта, что при вхождении в настройки цсс кривоватых ручек аналитиков -- работоспособность не гарантируется. И делов.

Программная защита от дурака работает только до определенного предела, а дальше затраты на защиту становятся несоразмерны эффекту, и лучше бороться с дураками другими средствами. Например, административными.
...
Рейтинг: 0 / 0
22.07.2013, 20:50
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339768
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
skyANA,

спасибо за пример!
...
Рейтинг: 0 / 0
22.07.2013, 22:34
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38339897
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
sp, не за что. Надеюсь на z-index: 99999 обратили внимание, а то я забыл выделить.
...
Рейтинг: 0 / 0
23.07.2013, 08:22
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38340604
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
skyANA,

конечно обратил, за это и поблагодарил!)
...
Рейтинг: 0 / 0
23.07.2013, 14:44
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38341463
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
asws
Участник
sp,

Тема очень интересная, занимаюсь ей несколько лет.
Как только не экспериментировал - пришёл к такому:
1. Так называемые "слои" - думаю в вашем случае независимые справочники - лучше сделать неперекрывающимися (по типу окон).
2. Отдельный слой/окно - отличается только тем, что полностью перекрывает всё остальное - для модальных диалогов.

Поверьте - больше уровней модальности делать незачем, Паганель дело говорит. Только усложнять модуль поддержки.
Всегда просто вручную создать перекрывающий слой для одного справочника - а поверх опять-же окна и самое верхнее модальное окно-диалог.

Если интересно подробнее, напишите на asql - bk - ru, сообщив здесь дату-время отправки письма,
буду рад, поскольку наши интересы, видимо, совпадают.
...
Рейтинг: 0 / 0
23.07.2013, 23:37
| Ответить | Цитировать | Написать  
Модальные диалоги: проектирование
    #38341906
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
Добавляйте breadcrumbs где-нибудь. App > Dialog1 > Dialog2 > Dialog3 > YouAreHere
...
Рейтинг: 0 / 0
24.07.2013, 12:26
| Ответить | Цитировать | Написать  
24 сообщений из 24, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Модальные диалоги: проектирование
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38339625&tid=1448085]:
 0ms
get settings:
 6ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 141ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 58ms
get tp. blocked users:
 1ms
others: 216ms
total:  457ms
созд. / загр.: 457ms
x
x
Закрыть


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