All'interno di un iFrame, è necessario ottenere l'altezza del documento/finestra del genitore.Come posso ottenere l'altezza di una finestra genitore dall'interno di iFrame usando jQuery?
C'è un modo per ottenere questo utilizzando jQuery?
So che possiamo usare $ (document) .height() per ottenere l'altezza di una pagina. Non riesco proprio a capire come ottenere il valore del genitore dall'interno di iFrame.
Si prega di aiuto!
jQuery non necessario.
parent.document.body.clientHeight
che funziona per me con IE7 e FF3.
Ho provato l'approccio clientHeight su un sito Web in cui entrambi gli iframe erano sullo stesso dominio e non funzionava. (ritorno 0).
Dopo un sacco di testare il modo migliore che ho trovato (e sarò felice di apprendere un modo migliore) è quello di creare una funzione sul genitore che restituisce l'altezza del documento, qualcosa di simile:
Parent:
function getDocumentHeight(){
return $(document).height();
}
Iframe:
var parentDocHeight = parent.getDocumentHeight();
Un altro po ssibility è:
$(window.parent.document).height()
In jQuery si può fare
$(parent.window).width();
non credo che questo dovrebbe funzionare con un iframe da un altro sito - è vero? Non sono sicuro se la domanda interessa comunque. –
grazie anche a chrome e ff – Chetan
Adam è corretto. Questo codice funziona solo se [il dominio è lo stesso] (http://stackoverflow.com/questions/13798540/how-to-get-window-size-from-cross-domain-iframe-in-ie). Se non lo è, usa postMessage per inviare l'altezza dal genitore all'iframe. –