Estoy creando un formulario emergente. Estoy usando el siguiente código y quiero que el formulario aparezca en el centro de la página con el alto/ancho predeterminado. La ventana emergente está por todas partes. Aparecerá en la parte superior izquierda, en el medio derecho y con diferentes tamaños. ¿Cómo puedo configurarlo para que sea consistente?
<a class="collapse-item" href="#" onclick="reqcred()">Cards</a> <script> function reqcred() { w = window.open("{% url 'test_popup' %}","popup_form", 'left=100,top=100,height=450,width=650'); w.onload = function() { w.onunload = function() { location.reload(true); }}} </script>
Me lo imaginé. Esto es lo que hice.
<script> function reqcred() { var height = 750 var width = 950 var left = Number((screen.width/2)-(width/2)); var top = Number((screen.height/2)-(height/2)); w = window.open("{% url 'test_popup' %}","popup_form", 'width='+ width + ', height=' + height + ', top=' + top + ', left=' + left); w.onload = function() { w.onunload = function() { location.reload(true); }}} </script>