Larghezza - Altezza - Documento

[Lollys]

Come si fà a rilevare l'altezza e la larghezza, non del browser e non dello schermo dell'utente, ma dell'area di lavoro del browser ?

Per esempio in NE dovrebbe essere:

document.height
document.width

ma con IE è possibile, non ho trovato niente, e se si come ?

Thank's! :tongue:

[Xinod]

con IE
document.body.clientWidth
document.body.clientHeight

con altri browser (alcuni supportano anche la sintassi IE) window.innerWidth
window.innerHeight

ciao

[Lollys]

E' vero ...........

[Lollys]

Problema

document.body.clientWidth

Funziona e rileva la dimensione dell'area di visualizzazione, anche se il documento è lunghissimo calcola sempre quello che l'utente vede!

Però in uscita dal server la pagina ha un DOC TYPE Transitional e non calcola + l'area del browser ma di tutto l'intero documento fino alla fine, è normale ?

[Xinod]

sì, va bene se è in quirk mode ma se ha un doctype valido ha quel difetto

non ho provato ma questo dovrebbe risolvere

function getViewportHeight() {

    // supported in Mozilla, Opera, and Safari
     if(window.innerHeight)
         return window.innerHeight;
	
    // supported in standards mode of IE, but not in any other mode
     if(window.document.documentElement.clientHeight)
         return document.documentElement.clientHeight;
	
    // supported in quirks mode, older versions of IE, and mac IE (anything else).
    return window.document.body.clientHeight;
}

ciao

[Lollys]

OK Testato e funzionale !!

Thank's! Mille grazie, senza di questo era inutile continuare con il mio progetto

[Lollys]

Come non detto adesso và con IE e non con NE

IE
window.documet.documentElement.clientWidth;

NE
window.innerWidth;

Madonna ........che nervi che mi dà !!

[Xinod]

strano, con che NN stai provando?
se è il 6 scarica il 7 perchè il 6 aveva molti bug
cmq dovrebbe essere praticamente un mozilla e su moz funziona correttamente...

[Lollys]

Allora, ho fatto delle ricerche e tutti usano window.innerWidth infatti ho fatto delle prove con funzioni base e funziona, quello che non funziona + è lo spostamento dell'oggetto!

Se mi sai dire qualcosa, io prima facevo cosi:

document.getElementById("Oggetto").style.top=300;

e funzionava ma adesso non + !!

Intanto faccio qualche ricerca se trovo qualcosa faccio un giro

[Xinod]

dovrebbe bastare aggiungere 'px'

document.getElementById("Oggetto").style.top=300+' px';