Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > передать высоту

Автор: Bangladesh 17.12.2005, 00:42

допустим есть таблица с идом "ttt" и есть див c идом "ddd". в таблице ttt есть <td> с идом "tdt". как мне передать высоту tdt к ddd, т.е. чтобы они стали одинаковы по высоте...

Автор: GIK 17.12.2005, 10:37

Можно так.

Код


<html>
 <head>
  <script type="text/javascript">
   <!--
   function f1()
{ var a=document.getElementById("tdt").height;
  document.getElementById("ddd").style.height=a; 
  
}
      //-->
   </script>
 </head>
<body>
 <table border=3 id="ttt">
     <tr><td id="tdt" height=120>Первый столбец</td></tr> 
     <tr><td id="tdt2" height=120>Первый столбец</td></tr> 
    </table>
<div id="ddd" style="position:absolute;
top:20px;left:180px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">
 </div>
<input type="button" onClick="f1()" value="Скрытый">
</body>
</html>

Автор: Гость_12345 17.12.2005, 23:50

С одной поравочкой и наглядным примером:

Код

<html>
 <head>
<script>d=document;
   function f1(){d.getElementById("ddd").style.height=d.getElementById("tdt").offsetHeight;
    
    d.getElementById("ddd").style.top
      =d.getElementById("tdt").offsetTop+d.getElementById("ttt").offsetTop; 
        ///чисто для контроля
}
</script>
 </head><body>
 <table border=3 id="ttt">
     <tr><td id="tdt" height=120>Первый столбец.<br><br><br><br><br><br><br><br><br><br><br>.</td></tr> 
     <tr><td id="tdt2" height=120>Первый столбец</td></tr> 
    </table>
<div id="ddd" style="position:absolute;
top:20px;left:180px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">
 </div>
<input type="button" onClick="f1()" value="Скрытый">
</body></html>