Мой костыль позволяет указать любое место, где должно открываться то или иное окно, причём, можно для каждого отдельного окна указать, в какой части страницы оно будет открываться
Использование:
Каждое новое окно прописываете вот так:
Код
_uWnd.alert('Окно справа', 'Заголовок', {w:200, h:60, oninit:setTimeout(function() {$('div[id^="_uwndTop"]:first').addClass('mystyle1')}, 100)});
_uWnd.alert('Окно слева', 'Заголовок', {w:200, h:60, oninit:setTimeout(function() {$('div[id^="_uwndTop"]:first').addClass('mystyle2')}, 100)});
_uWnd.alert('Окно по центру', 'Заголовок', {w:200, h:60, oninit:setTimeout(function() {$('div[id^="_uwndTop"]:first').addClass('mystyle3')}, 100)});
_uWnd.alert('Окно слева', 'Заголовок', {w:200, h:60, oninit:setTimeout(function() {$('div[id^="_uwndTop"]:first').addClass('mystyle2')}, 100)});
_uWnd.alert('Окно по центру', 'Заголовок', {w:200, h:60, oninit:setTimeout(function() {$('div[id^="_uwndTop"]:first').addClass('mystyle3')}, 100)});
Обратите внимание, что для каждого окна мы указываем свой уникальный класс. Далее в CSS просто пропишем новые стили для этих окон:
Код
.mystyle1 {
left: auto!important;
right: 200px!important;
}
.mystyle2 {
left: 0px!important;
}
.mystyle3 {
left: 50%!important;
margin-left: -100px;
bottom: 200px!important;
}
left: auto!important;
right: 200px!important;
}
.mystyle2 {
left: 0px!important;
}
.mystyle3 {
left: 50%!important;
margin-left: -100px;
bottom: 200px!important;
}
Таким образом можете позиционировать любое количество разных uWnd.alert окон просто прописывая для них уникальные классы и CSS свойств.
