Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2010
    Posts
    48
    Thanks
    10
    Thanked 0 Times in 0 Posts

    How to get height of div content?

    Hi to everyone!

    Is the a way to get height of DIV content and assign it to var value?

    Here is what I tried, but this doesn't work!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    <script type="text/javascript">
    var txtH = document.getElementById("maintext").offsetHeight
    function test(){
    	alert(txtH)
    }
    </script>
    <body>
    <div name="Maintext" id="maintext" style="position:absolute; top:0px; left:0px; width: 520px; height: 780px; z-index: 980;"  onmouseover="test()" >	
                		<p align="left" style="margin:0; width:340px;"> 
                        Evrotehna je  vodeća firma u Srbiji koja proizvodi elektro ormane atestirane za stepen zaštite IP 55. <br>
    					Osnovana je 2000. godine.
                        <br>
    					Jedna je od najvećih proizvođača ove opreme na Balkanu.
         				</p>
                        <br>
                        <br>
                        <br>
                        <p align="left" style="margin:0; width:340px;"> 
    					<span style="color:#F60; font-size: 16px;">E</span>vrotehna je specijalizovana za proizvodnju elektrorazvodnih ormana i druge pomoćne opreme.
    					<br>
                        <br>
    					<span style="color:#F60; font-size: 16px;">V</span>isok kvalitet proizvoda, kao i izvedena zaštita, obezbeđuje pouzdan i dug vek eksploatacije ugrađene opreme.
    					<br>
                        <br>
    					<span style="color:#F60; font-size: 16px;">R</span>azvodni ormani Evrotehna proizvedeni su primenom savremenih evropskih tehnologija.
    					<br>
                        <br>
    					<span style="color:#F60; font-size: 16px;">O</span>dličan kvalitet izrade kućišta, vrata i montažnih panela kao i primena poliuretanske zaptivke obezbeđuje visok stepen 		
                        zaštite ormana.
    					<br>
                        <br>
    					<span style="color:#000; font-size: 16px;">T</span>ehnologija elektrostatičkog farbanja poliesterskim strukturnim prahom pored savremenog dizajna garantuje visoku otpornost                    na uticaje spoljne sredine.
    					<br>
                        <br>
    					<span style="color:#000; font-size: 16px;">E</span>vropski standardi u izradi elektrorazvodnih ormana su prioriteti Evrotehne.
    					<br>
                        <br>
    					<span style="color:#000; font-size: 16px;">H</span>ladno valjani lim visokog kvaliteta osnovni je materijal za izradu svih ormana.
    					<br>
                        <br>
    					<span style="color:#000; font-size: 16px;">N</span>ova konstrukcija šarki vrata sa mogućnošću premeštanja vrata sa leve na desnu stranu i uglom otvaranja većim od 120 
                        stepeni specijalno je izvedena zbog udobnije 			
                        eksploatacije i održavanja ugrađene elektroopreme.
    					<br>
                        <br>
    					<span style="color:#000; font-size: 16px;">A</span>naliza tržišta, tesna saradnja sa investitorima i stalno usavršavanje tehnologije proizvodnje, osnovni su principi rada u
                         Evrotehni.
                   		</p>
    			</div>
    </body>
    </html>

  • #2
    Regular Coder
    Join Date
    Mar 2006
    Posts
    728
    Thanks
    35
    Thanked 132 Times in 123 Posts
    You are trying to define txtH to refer an element before it exists- move your script to the end of the body, or call it onload,
    or assign txtH in the function.
    Last edited by mrhoo; 11-18-2010 at 03:14 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •