Centrer un dialogue xul à l'écran

Question

Dans une boîte de dialogue, je redimensionne certaines images, puis force la fenêtre à redimensionnerVersContenu. Ensuite, je veux que le dialogue se centre sur l'écran. Comment puis-je faire ceci?

Answer 1

Le résultat final serait une fenêtre qui se déplace? S'il vous plaît ne faites pas trop ennuyeux :)

Quoi qu'il en soit, vous devrez le faire manuellement à l'aide de window.moveTo et de différentes screen propriétés (voir https://developer.mozilla.org/en/DOM/window )

Voici un exemple intéressant. Bien qu'il ne centre pas la fenêtre, il garantit sa visibilité:

Answer 2

J’ai également cherché autour de moi et jeté un coup d’œil au MDC pour tout ce qui pourrait le centrer mais je n’ai rien trouvé alors j’ai créé ça! Cela fonctionnera à la fois dans la fenêtre et dans la boîte de dialogue.

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

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

window.moveTo(w,h);

La seule chose que vous devez modifier est windowID l'ID de votre fenêtre. Il fonctionne sur toutes les résolutions d'écran car il prend la largeur et la hauteur totales de l'écran, puis le divise en deux, donnant ainsi le centre de l'écran. Il soustrait ensuite vos paramètres de largeur et de hauteur pour les prendre en compte, mais les divise également de moitié pour les compenser. la fenêtre comme sans le décalage, elle ne sera pas centrée.

J'espère que cela a aidé!

Un élément <dialog> définit pour vous les méthodes pratiques moveToAlertPosition () et centerWindowOnScreen (), et les copie également dans l'étendue globale afin que vous n'ayez pas à les définir avec document.documentElement.

Answer 3

J’ai également cherché autour de moi et jeté un coup d’œil au MDC pour tout ce qui pourrait le centrer mais je n’ai rien trouvé alors j’ai créé ça! Cela fonctionnera à la fois dans la fenêtre et dans la boîte de dialogue.

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

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

window.moveTo(w,h);

La seule chose que vous devez modifier est windowID l'ID de votre fenêtre. Il fonctionne sur toutes les résolutions d'écran car il prend la largeur et la hauteur totales de l'écran, puis le divise en deux, donnant ainsi le centre de l'écran. Il soustrait ensuite vos paramètres de largeur et de hauteur pour les prendre en compte, mais les divise également de moitié pour les compenser. la fenêtre comme sans le décalage, elle ne sera pas centrée.

J'espère que cela a aidé!

Answer 4

Un élément <dialog> définit pour vous les méthodes pratiques moveToAlertPosition () et centerWindowOnScreen (), et les copie également dans l'étendue globale afin que vous n'ayez pas à les définir avec document.documentElement.