Impostare la dimensione minima di una finestra pop-up JavaScript
-
21-08-2019 - |
Domanda
C'è un modo per impostare la dimensione minima di una finestra pop-up tramite JavaScript?
Il mio problema è che quando qualcuno fa il più piccolo può il contenuto sembra proprio stupido.
Soluzione
La maggior parte dei browser hanno una larghezza minima e l'altezza.
Internet Explorer 7 larghezza minima> 250 px altezza minima> 150px
Altri suggerimenti
Durante la creazione di finestre pop-up, è possibile impostare solo la larghezza e l'altezza. Ma dal momento che il pop-up è stato creato, significa che è possibile modificare l'altezza e la larghezza della finestra quando i carichi di pop-up. È sufficiente posizionare un evento onload all'interno della finestra pop-up:
window.onload = function() {
if (document.body.scrollHeight) {
var winWidth = document.body.scrollWidth;
var winHeight = document.body.scrollHeight;
} else if (document.documentElement.scrollHeight) {
var winHeight = document.documentElement.scrollHeight;
var winWidth = document.documentElement.scrollWidth;
} else {
var winHeight = document.documentElement.offsetHeight;
var winWidth = document.documentElement.offsetWidth;
}
window.resizeTo(winWidth, winHeight);
}
modifica testato in IE7,8, Chrome, Safari 4, Firefox 3. lavoro, ma potrebbe essere necessario prendere in considerazione le dimensioni del menù + indirizzo bar e simili, come la dimensione della finestra sarà la dimensione esterna, e questa funzione troverà la dimensione del contenuto. Quindi, per essere sicuri, probabilmente si dovrebbe aggiungere un paio di pixel, e anche disattivare le barre di scorrimento nel popup per assicurarsi che non occupa spazio.
Non credo che è possibile impostare un minimo utilizzando la nuova finestra di Javascript. So che è possibile impostare le dimensioni e disattivare le barre di scorrimento ed impedire il ridimensionamento, ma che sarebbe rispondere alla minima, ma anche imporre un massimo pure, che non si può mancare.
Quando si utilizza windows.open, è possibile specificare l'altezza e la larghezza della finestra come questa:
window.open ( " http://www.stackoverflow.com ", "Mywindow", "menubar = 1, resizable = 1, width = 350, height = 250 ");
Non è la dimensione minima, però, come la finestra non sarà più grande quando non c'è più spazio. Si dovrebbe controllare lo spazio dello schermo te stesso per questo.
http://www.htmlgoodies.com/beyond/javascript/article .php / 3471221
Come si vede nel link, è possibile impostare la dimensione minima. Se si desidera ridimensionare esso in modo che diventa più grande si deve a che dall'interno del PopupWindow.