Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di Neocron
    Registrato dal
    Jul 2002
    Messaggi
    524

    Conocere Height di una tabella

    Ciao!

    domanda forse semplice, dall'esclusiva soluzione cross-browser.

    Data una tabella di id MYTABLE con height="200", il cui contenuto contiene un div con style="height:300px", si presume che con javascript richiedendo il valore dell'attributo height, venga restituito 300. Ma non è così.

    Domanda:

    Come posso in javascript conoscere l'altezza reale di una tabella, che dinamicamente si è allargata in base al suo contenuto?

    Grazie.

  2. #2
    Utente di HTML.it L'avatar di Neocron
    Registrato dal
    Jul 2002
    Messaggi
    524
    up

  3. #3
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="author" content="">
    <title>Test</title>
    <script type="text/javascript">
    window.onload=function(){
        var t=document.getElementById("mytable");
        var d=document.getElementById("mydiv");
        alert("altezza tabella originale:" + parseInt(t.style.height) + "\naltezza tabella attuale:" + t.clientHeight);
        alert("altezza div originale:" + parseInt(d.style.height) + "\naltezza div attuale:" + d.clientHeight);
    }
    </script>
    </head>
    <body>
    <table id="mytable" style="height:200px;border:1px solid black">
    <tr>
    <td>
    <div id="mydiv" style="height:300px;border:1px solid red"> div grande </div>
    </td>
    </tr>
    </table>
    </body>
    </html>
    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  4. #4
    Utente di HTML.it L'avatar di Neocron
    Registrato dal
    Jul 2002
    Messaggi
    524
    ok grazie!

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.