Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   z-index модального Jquery Dialog (https://javascript.ru/forum/jquery/51279-z-index-modalnogo-jquery-dialog.html)

hated8 31.10.2014 12:53

z-index модального Jquery Dialog
 
Здравствуйте, в общем есть проект в котором много alert-ов , но с ними возникают проблемы из-за галочек "не показывать" и различных блокировок браузеров. Было решено сделать "алертозаменитель" (my_alert), который будет выкидывать поверх всего модальный div с текстом с большим z-index. Сказано - сделано))
Но возникла следующая проблема, некоторые алерты стартуют с модальных jqдиалогов, а те собаки как я понял вычисляют максимальный z-index и при открытии ставят себе его+1, следовательно мои окна с сообщениями dspsdftvst my_alert, оказываются позади диалогов начиная со второго открытия =(

Подскажите пожалуйста как заставить диалог открываться модально{modal: true}, но в то же время не менять себе z-index больше чем мне надо?

рони 31.10.2014 13:10

hated8,
так сделайте алерт ещё одним диалогом
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dialog demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<body>
<button class="opener" data-open="#dialog">open the dialog</button>
<div id="newalert" title="New Alert" >I'm a alert</div>
<div id="dialog" title="Dialog Title">I'm a dialog<button class="opener" data-open="#newalert">open the alert</button></div>
<script>
$( "#dialog, #newalert" ).dialog({ autoOpen: false , modal: true });
$( ".opener" ).click(function() {
  $( $(this).data('open') ).dialog( "open" );
});
</script>
</body>
</html>

hated8 31.10.2014 13:39

Цитата:

Сообщение от рони (Сообщение 338492)
hated8,
так сделайте алерт ещё одним диалогом

И получаем две нерешенных проблемы которые я описал здесь в соседней ветке:
http://javascript.ru/forum/jquery/51...a-versiya.html
только теперь и с алертами...

Диалоги позволяют прокручивать то, что за ними + позиционирование на моб.устройствах не работает при повороте экрана.... :(

рони 31.10.2014 13:44

hated8,
как вариант проверять перед открытием у класса .ui-widget-overlay z-index и ставить вашему алерту выше

hated8 31.10.2014 14:42

Да собственно так и делаю)) Думал что есть более интересное решение чем ползти к оперовым z-index9999, а потом баг... Хотя как бы пофигу - врят ли кто-то столько накликает)
Ладно... Как говорится - "работает? - не лезь"))
спасибо!!! пойдем дальше разбираться с позиционированием диалогов и их тачскролингом...


Часовой пояс GMT +3, время: 03:15.