2009-10-23 3 views
2

В диалоговом окне я изменяю размер некоторых изображений, а затем заставляю окно изменять размер. Затем я хочу, чтобы диалоговое окно было сосредоточено на экране. Как я могу это сделать?Отцентрируйте диалог xul на экране

ответ

1

Конечным результатом будет окно, которое перемещается само? Пожалуйста, не делайте это слишком раздражает :)

Во всяком случае, вы должны сделать это вручную с помощью window.moveTo и различные screen свойства (см https://developer.mozilla.org/en/DOM/window)

Вот интересный пример, хотя он не отцентрировать окно, оно обеспечивает его видно: http://www.koders.com/javascript/fid3F51B87DFD457428278627805CCA8D39ADC13455.aspx?s=window#L3

+0

Отлично, именно то, что я искал. –

1

<dialog> элемент определяет moveToAlertPosition() и centerWindowOnScreen() удобные методы для вас, а также копирует их в глобальном масштабе, так что вы не должны рамки их с документом. documentElement.

2

Я также искал вокруг и смотрел на MDC на все, что бы его центрировало, но ничего не нашел, поэтому я создал это! Это будет работать как в окне, так и в диалоговом окне.

var w=(screen.availWidth/2)-(document.getElementById('windowID').width/2); 

var h=(screen.availHeight/2)-(document.getElementById('windowID').height/2); 

window.moveTo(w,h); 

Единственное, что вы должны изменить это windowID с идентификационным значением окна. Он будет работать на всех разрешениях экрана, так как он принимает общую ширину и высоту экрана, а затем делит его пополам, тем самым отдавая центр экрана, а затем вычитает настройки ширины и высоты, чтобы их учитывать, но делит их на половину смещение окна, так как без смещения он не будет центрирован.

Надеюсь, это помогло!

Смежные вопросы