Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Dynamically tracking the dimensions of an element

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $(function(){                 report();             });             function report() {                 $('#display').html(                 $('#testSubject').width()+'x'+$('#testSubject').height()             );             }         });     </script> <style>   div { margin:3px; width:50px; position:absolute;         height:50px; left:10px; top:30px;          background-color:yellow; }   div.red { background-color:red; }    </style>   </head>   <body>     <body> <div id="testSubject"> </div> <div id="display"></div>     </body> </html>