Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2015, 19:50
Интересующийся
Отправить личное сообщение для Rom@n Посмотреть профиль Найти все сообщения от Rom@n
 
Регистрация: 29.01.2015
Сообщений: 10

Автоматический размер по высоте <div>
Всем Привет!
Такой вопросик: имеется основное поле <div id="content">, в нем шапка с кнопками меню а под ней 3 - колонки, описаны тоже через див.
Как сделать так, что если содержимое центральной колонки(вставляю табличку)(по высоте) выходить за пределы основного поля, то основное поле растянуть (по высоте) до размеров этой колонки ???
Пишу такой код, не работает (((
function setHeight() {
        var table = document.getElementById('pole_centr').clientHeight;
        var n_var = document.getElementById('content').clientHeight;
        if (n_var < table) {
			var n_var1 = n_var;
			var height = table - n_var; 
			var content = document.getElementById('content');
            content.style.n_var1 = height + "px";
			}
        else {}
    }

Последний раз редактировалось Rom@n, 02.02.2015 в 20:14.
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2015, 20:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Rom@n
content.style.n_var1
это что за хитрый стиль?
Ответить с цитированием
  #3 (permalink)  
Старый 02.02.2015, 20:09
Интересующийся
Отправить личное сообщение для Rom@n Посмотреть профиль Найти все сообщения от Rom@n
 
Регистрация: 29.01.2015
Сообщений: 10

как я понял, сохраненный размер контента
переменная n_var1 содержит высоту контента
Поправьте, что не так, сижу голову ломаю...
Ответить с цитированием
  #4 (permalink)  
Старый 02.02.2015, 20:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Rom@n,
function setHeight() {
        var table = document.getElementById('pole_centr').scrollHeight;
        var n_var = document.getElementById('content');
        if (n_var.scrollHeight < table) {
            n_var.style.height = table + "px";
        } else {}
    }


Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #5 (permalink)  
Старый 02.02.2015, 20:18
Интересующийся
Отправить личное сообщение для Rom@n Посмотреть профиль Найти все сообщения от Rom@n
 
Регистрация: 29.01.2015
Сообщений: 10

Огромное спасибо рони, но все равно не работает (((
Ответить с цитированием
  #6 (permalink)  
Старый 02.02.2015, 20:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Rom@n
но все равно не работает
где код?
Ответить с цитированием
  #7 (permalink)  
Старый 02.02.2015, 20:27
Интересующийся
Отправить личное сообщение для Rom@n Посмотреть профиль Найти все сообщения от Rom@n
 
Регистрация: 29.01.2015
Сообщений: 10

<div id="content"; class="b3radius">
	 <script src="css/tab.js"></script>
       другие блоки...
<div id="pole_centr">
		<table class="k1">
      структура таблицы...
                 </table>
</div>
</div>


Ваш код:
function setHeight() {

        var table = document.getElementById('pole_centr').scrollHeight;

        var n_var = document.getElementById('content');

        if (n_var.scrollHeight < table) {

            n_var.style.height = table + "px";

        } else {}

    }

Последний раз редактировалось Rom@n, 02.02.2015 в 20:32.
Ответить с цитированием
  #8 (permalink)  
Старый 02.02.2015, 20:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Rom@n,
какой код вставляет таблицу тот пусть и регулирует высоту после вставки -- наверняка есть решение на css для подобных случаев.
Ответить с цитированием
  #9 (permalink)  
Старый 02.02.2015, 20:42
Интересующийся
Отправить личное сообщение для Rom@n Посмотреть профиль Найти все сообщения от Rom@n
 
Регистрация: 29.01.2015
Сообщений: 10

Таблицу вручную вставляю (сss)
искал переискал , ничего нет
Должен же кто-то знать, случай явно не типичный

Последний раз редактировалось Rom@n, 02.02.2015 в 20:45.
Ответить с цитированием
  #10 (permalink)  
Старый 02.02.2015, 20:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Rom@n
Таблицу вручную вставляю
ой научите ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сохранить размер текста, который был изменён jQuery "fontSize" anton1990 Общие вопросы Javascript 8 31.07.2014 22:55
Авто размер всех картинок на странице big_jump Общие вопросы Javascript 15 04.09.2011 12:39
Как узнать размер загружаемого файла? shkarbatov Серверные языки и технологии 5 14.08.2011 17:12
Размер документа во фрейме mcfly Элементы интерфейса 0 04.06.2011 18:14
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42