Foxor13 Сообщение 28/02/2013 06:44 Копия темы
JavaScript [решено] почему не работает
<script type="text/javascript">
<!--
document.getElementById("input-block-div").style.height = (document.getElementById("input-block-td").offsetHeight-6)+"px" ;
//-->
</script>

Xap4o Сообщение 28/02/2013 06:53 Копия темы
комментарии убери =)

Foxor13 Сообщение 28/02/2013 06:57 Копия темы
да они и не комментируют. дело не в них. результат что с ними что без них один

modi34 Сообщение 28/02/2013 07:13 Копия темы

Xap4o Сообщение 28/02/2013 07:24 Копия темы
а что вам вообще надо.
мне кажется можно ваш код уменьшить в несколько раз =)

Foxor13 Сообщение 28/02/2013 07:26 Копия темы
блок див растянуть на всю высоту ячейки таблицы. высота ячейки не известна

modi34 Сообщение 28/02/2013 07:35 Копия темы
а не я опять невнимательно ваш пост прочитал – вы как-то криво вечно задачу описываете)
попробуйте так
window.onload = function () {document.getElementById("input-block-div").style.height = (document.getElementById("input-block-td").offsetHeight-6)+" px" ; }

PallasKatze Сообщение 28/02/2013 07:51 Копия темы
Любой код, который работает с DOM-деревом нужно запускать только после события onload, иначе скрипт будет работать с неполным деревом элементов и ничего не выйдет. Пара вариантов:

window.onload = function() { /* Ваш код */ } // в этом случае возможен только один обработчик события onload
window.addEventListener('onload', function() { /* Ваш код */ }) // сколько угодно обработчиков события onload, но не работает в IE < 9
$(document).ready(function() { /* Ваш код */ }) // кроссбраузерный пример на jQuery

Если не хочется тянуть ради кроссбраузерности целый фреймворк, то можно использовать библиотеку DOM Shim, она исправляет некоторые недостатки устаревших браузеров и IE, в т.ч. различия в методах обработки событий: github.com/Raynos/DOM-shi...

Foxor13 Сообщение 28/02/2013 07:53 Копия темы
тоже не работает(

Foxor13 Сообщение 28/02/2013 07:56 Копия темы
shinmann.com/index.php/on... вобщем то вот. та часть где поля ввода не тянется до конца ячейки таблицы. пробовал и jQuery что то тоже не хочет(

Foxor13 Сообщение 28/02/2013 08:01 Копия темы
<script type="text/javascript">
$(document).ready(function() {
$("#input-block-div").height(("#input-block-td").height());
});
<\script>
тоже не срабатывает

PallasKatze Сообщение 28/02/2013 08:06 Копия темы
А проверьте по-отдельности, находит ли jQuery ваши блоки и что выдаёт .height() для #input-block-td. Через дебаггер или console.log() или на худой конец через alert().

Foxor13 Сообщение 28/02/2013 08:22 Копия темы
в том то и беда что не находит почему то

Foxor13 Сообщение 28/02/2013 08:24 Копия темы
после загрузки страницы у меня запускается функция которая собственно и выводит всю эту таблицу, пробовал в эту функцию добавить. тоже ничего.

modi34 Сообщение 28/02/2013 08:27 Копия темы
у вас в коде ошибки

<script type="text/javascript">
$(document).ready(function() {
$("#input-block-div").height($("#input-block-td").hei ght());
});
<\script>

Foxor13 Сообщение 28/02/2013 08:31 Копия темы
это срабатывает но выдает высоту 0px

modi34 Сообщение 28/02/2013 08:36 Копия темы
попробуйте вместо #input-block-td вот это #ddd

Foxor13 Сообщение 28/02/2013 08:42 Копия темы
аналогично. видимо он считывает до того как эти блоки чем то наполняются

Foxor13 Сообщение 28/02/2013 08:42 Копия темы
а нужно после

JohnRight Сообщение 28/02/2013 08:44 Копия темы
Не понятно зачем этот огород городить (может станет ясно если приведете полный код фрагмента HTML, CSS). Если есть ячейка таблицы, то и пляшите от нее... Зачем еще внутрь блок, в блок параграф... игла в яйцЕ, яйцо в зайцЕ...

Foxor13 Сообщение 28/02/2013 08:44 Копия темы
если подставить другой блок изначально развернутый то работает прекрасно

PallasKatze Сообщение 28/02/2013 09:08 Копия темы
Чтобы вытянуть этот блок по высоте не нужны скрипты вообще.

#input-block-td {
   position: relative;
}

#input-block-div {
   position: absolute;
   height: 100%;
}