Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Определить высоту div через js
 
 автор: Микель   (01.10.2008 в 20:28)   письмо автору
 
 

Подскажите ,плз, нужно пределить высоту div'а при помощи js. Поскольку высота его зависит от контента(собственно,все и делается чтобы узнать высоту контента), то в css она нигде быть указана не должна.

Написал вот такой вот скриптик. Для Мозилы то что надо,а вот ИЕ и Опера выдают значение высоты auto:(


<html>
<head>
<title>wewewe</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function GetCssStyle(e){
    if (e.currentStyle) return e.currentStyle;
    else if (window.getComputedStyle) return window.getComputedStyle(e,null)
}
</script>

<div id="div_id">
    dfdfdfdf<br><br>
    fgffgfgfgfg<br><br>
    fgffgfgfgfg<br><br>
    fgffgfgfgfg
</div>

<script language="JavaScript" type="text/javascript">
var obj_style = document.getElementById("div_id"); 
alert(GetCssStyle(obj_style).height);
</script>
</body>
</html>

  Ответить  
 
 автор: Lelik   (01.10.2008 в 21:08)   письмо автору
 
   для: Микель   (01.10.2008 в 20:28)
 


var oBlock = document.getElementById('div_id');
alert(oBlock.offsetHeight);

  Ответить  
 
 автор: Микель   (01.10.2008 в 21:14)   письмо автору
 
   для: Lelik   (01.10.2008 в 21:08)
 

Lelik
Респект. Для разных браузеров считает немного по разному,но это поправимо

  Ответить  
 
 автор: Boris   (20.07.2010 в 16:39)   письмо автору
 
   для: Микель   (01.10.2008 в 21:14)
 

А как это значение вставить в CSS?

  Ответить  
 
 автор: alex.kunitsa   (10.08.2011 в 11:06)
 
   для: Микель   (01.10.2008 в 20:28)
 

спасибо огромное, очень помогло =)

  Ответить  
 
 автор: antf   (10.08.2011 в 11:20)   письмо автору
 
   для: Микель   (01.10.2008 в 20:28)
 

Можно еще использовать jquery:

<script type='text/javascript'>
  height = $('#div_id').height();
  alert(height);
</script>


Однако все равно значения в Firefox/Safari и Opera/Ie будут отличаться.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования