VPF::передать высоту - Форум программистов

Bangladesh

Дата 17.12.2005, 00:42 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: -1
Всего: 17

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

--------------------

ок

GIK

Дата 17.12.2005, 10:37 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Можно так.

Код


<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 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

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

Код

<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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »