Pregunta

En un cuadro de diálogo, cambio el tamaño de algunas imágenes y luego fuerzo la ventana a ajustar SizeToContent.Luego, quiero que el diálogo se centre en la pantalla.¿Cómo puedo hacer esto?

¿Fue útil?

Solución

¿El resultado final sería una ventana que se mueve sola?Por favor, no lo hagas demasiado molesto :)

De todos modos, tendrás que hacerlo manualmente usando window.moveTo Y varios screen propiedades (ver https://developer.mozilla.org/en/DOM/window)

Aquí hay un ejemplo interesante, aunque no centra la ventana, asegura que sea visible:http://www.koders.com/javascript/fid3F51B87DFD457428278627805CCA8D39ADC13455.aspx?s=window#L3

Otros consejos

¡También busqué y busqué en el MDC cualquier cosa que lo centrara pero no encontré nada, así que creé esto! Esto funcionará tanto en la ventana como en el diálogo.

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

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

window.moveTo(w,h);

Lo único que debe cambiar es windowID al valor de ID de su ventana. Funcionará en todas las resoluciones de pantalla, ya que toma el ancho y la altura total de la pantalla, luego la divide por la mitad, lo que le da al centro de la pantalla y luego resta la configuración de ancho y altura para tenerlos en cuenta, pero también los divide a la mitad para compensar la ventana ya que sin el desplazamiento no estará centrada.

¡Espero que esto haya ayudado!

Un elemento <dialog> define los métodos de conveniencia moveToAlertPosition () y centerWindowOnScreen () para usted, y también los copia en el ámbito global para que no tenga que abarcarlos con document.documentElement.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top