Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Ricavare altezza div

  1. #1

    Ricavare altezza div

    Ciao Ragazzi ho un quesito da darvi come posso trovare l'altezza di un div?
    In questo dive ci metto tutto il contenuto testuale e o immagini del mio sito solo che nn ho settato l'altezza perchè varia di pagina a pagina quindi ho bisogno di ricavarla

    <div id="cont" style="width: 760px;">
    contenuto sito
    </div>

    l'esempio è questo


  2. #2
    var height = document.getElementById('cont').style.height;

    Con questo hai in height la string "XXXpx" dove xxx è l'altezza in numero.

    per avere il numero devi fare:

    height = parseInt(height.substring(0, height.length - 2));

  3. #3
    scusami artorius ho provato come hai detto tu ma nulla da fare vedi codice:
    codice:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    
    </head>
    
    <body>
    <div id="la_1" style="width:300px; height:150px; background-color:#CCCCCC">Ciao mondo</div>
    <div id="la_2" style="width:300px; background-color:#CC0000">Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    Ciao mondoCiao mondoCiao mondo
    </div>
    
    <script language="javascript">
     	var height = document.getElementById('la_1').style.height;
    	var height2 = document.getElementById('la_2').style.height;
    	alert(height);
    	alert(height2);
    </script>
    </body>
    </html>
    ineffetti se tengo settato l'altezza nello style del div allora lo posso prendere il valore se nn la tengo settata mi restituisce diciamo un false


  4. #4
    se non hai settato width e height nel css forse dovresti provare a usare l'offsetWidth e offsetHeight l'ho usato in qualche caso e funziona abbastanza bene (a votle qualche casotto nel calcolo esatto se c'è un bordo o meno) ma nel complesso funzica..

    prova a guardare qui per la compatibilità

    http://www.quirksmode.org/dom/w3c_cssom.html

    una pagina di prova la trovi qui

    http://www.quirksmode.org/dom/tests/...imensions.html

    ciao

  5. #5
    Hola! Buondì a tutti, è il mio primo messaggio in questo forum!
    Ho un problema con l'offsetHeight. L'avevo già usato in passato per determinare l'altezza di un div. Ora però sto facendo un sito dove ho un div molto lungo, tanto lungo che per poter vederlo tutto bisogna scrollare la pagina. Ecco, in firefox ma anche safari con offsetHeight riesco a ottenere l'altezza di tutto il div (che è attorno ai 2000px ma anche di più), mentre con IE ottengo un'altezza che mi pare tanto essere l'altezza della mia finestra. Quindi quì mi viene il dubbio che in IE l'offsetHeight prende solo l'altezza della parte del mio div che è visibile. Possibile questa cosa!? Ne sapete niente!?
    Grazie in anticipo!
    IT'S OK NOT TO DRINK

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da XHardLinerX
    Quindi quì mi viene il dubbio che in IE l'offsetHeight prende solo l'altezza della parte del mio div che è visibile. Possibile questa cosa!?
    in condizioni normali e almeno fino a IE7 compreso (su xp), no

    se puoi farci verificare con un esempio online facciamo prima

  7. #7
    Cavolo, scusate veramente tanto... ho fatto una domanda e poi sono sparito, ma avevo abbandonato un pò la cosa.
    Il sito in questione è questo.
    Al momento funziona bene solo su safari e firefox per mac, non ho testato di recente con firefox su pc... e in ogni caso ha ancora dei bug da sistemare. Comunque... ho fatto apparire un alert dell'altezza del mio div che contiene tutto e su explorer mi restituisce l'altezza che corrisponde esattamente all'altezza della mia pagina, per questo sono arrivato alla conclusione che considera solo l'altezza della parte visibile del mio div.
    Voi che ne dite?
    Ah... per vedere l'altezza uso jquery... ho usato sia height che offsetHeight... sia senza jquery.
    IT'S OK NOT TO DRINK

  8. #8
    che versione di IE?
    I DON'T Double Click!

  9. #9
    Con la 7.
    IT'S OK NOT TO DRINK

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.