Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.60/63: Рейтинг темы: голосов - 63, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 12.10.2012
Сообщений: 11

Изменить ширину ячеек одной таблицы, в зависимости от соответствующих ячеек в другой таблице

12.10.2012, 11:44. Показов 13488. Ответов 21
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
День добрый.
Необходимо изменять ширину ячеек одной таблицы, в зависимости от соответствующих ячеек в другой таблице. Написал небольшую функцию, но результата никакого. Подскажите, пожалуйста, в какую сторону глядеть.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
document.onload=function ()
    {
        var i;
        var obj;
        var objf;
        for(i=0; i<25; i++)
        {
            obj = document.getElementById('td_' + i);
            objf = document.getElementById('tdf_' + i);
            objf.width = obj.offsetWidth;
        }
    }
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.10.2012, 11:44
Ответы с готовыми решениями:

Заполнение значением одной из нескольких ячеек в зависимости от переменной в одной из ячеек
Добрый день. Помогите плз разобраться. 1. В ячейке А1 может быть значение от 1 до 8 включительно. 2. В зависимости от значения...

Перенос двух ячеек из одной строки таблицы, в одну ячейку другой таблицы.
Можно ли каким-то образом перенести так как показано на рисунках. Нужно при нажатии на клавишу, чтобы данные из двух ячеек перенеслись и...

Перенос двух ячеек из одной строки таблицы, в одну ячейку другой таблицы.
Я объясню по кароче. Если чек бокс = true то две ячеки надо занести и объединить в одну в другой таблице Как показано на рисунках. Я...

21
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
16.10.2012, 11:52
Студворк — интернет-сервис помощи студентам
Ryuuji, нет, не понимаю я вас

расскажите о задании подробнее
я начну - вы продолжите:
1) имеется таблица (шапка из двух строк, в шапке есть rowspan-colspan)
2) таблица заведомо больше пользовательской области окна - и по ширине, и по высоте
3) таблицу надо разместить на странице (как именно??? - только таблица на странице или что-то ещё? по всей ширине окна или фиксировать надо? по всей высоте окна, или по оставшейся после чего-то сверху высоте окна?), чтобы обеспечить скролл тела таблицы при неподвижной (относительно ячеек таблицы) шапке
4) скролл осуществляется - чем???, скроллбарами специального div'a или скроллбарами самого окна?
0
0 / 0 / 0
Регистрация: 12.10.2012
Сообщений: 11
16.10.2012, 13:55  [ТС]
1) имеется таблица (шапка из двух строк, в шапке есть rowspan-colspan)
2) по ширине статична, порядка 1100px
по высоте - многим больше рабочей области, отображается как есть
3) таблица - неподвижна, смещается сама шапка
4) скролл осуществляется скроллбарами самого окна

Добавлено через 7 минут
Приношу свои извинения за, местами, некорректные пояснения.

Вопрос решил, не без Вашей помощи.
Итого:
JavaScript
1
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(function() {
    var offset = $("#cln").offset();
    var topPadding = 15;
    var DV  = document.getElementById ('dv0');
    t = DV.offsetTop,   
    $(window).scroll(function() {
        if ($(window).scrollTop() > t) {
            $("#cln").stop().animate({top: $(window).scrollTop()  + topPadding});
        }
        else {$("#cln").stop().animate({top: t});};});
    });
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
onload = function ()
{
var DV  = document.getElementById ('dv0');
var TBL = document.getElementById ('tb0');
 
var DVclon = DV.cloneNode (1);
 
var r01H = TBL.rows [0].offsetHeight       // суммарная высота
         + TBL.rows [1].offsetHeight;      // двух строк шапки
 
if ('v' == "\v"
&& document.compatMode != 'BackCompat'
&& TBL.rows [0].innerHTML.toLowerCase ().  // в IE + doctype
indexOf ('rowspan') != - 1)                // если есть rowSpan
r01H = TBL.rows [0].offsetHeight;          // надо считать одну
 
var DclW = DV.clientWidth;                 // ширина без скроллбара
 
DV.style.position = 'relative';            // делаем relative,
DV.style.zIndex = 3;                       // чтобы работал z-index
 
var l = t = 0;
while (DV.offsetParent)
   l += DV.offsetLeft,
   t += DV.offsetTop,                      // определяем абсолютные
   DV = DV.offsetParent;                   // координаты DIV'а
 
with (DVclon.style)
   position = 'absolute',
   zIndex = 99,                             // поверх существующего
   top = t +'px',
    left = l + 'px',
   height = r01H + 'px',                   // высотой в шапку
   width = DclW + 'px',                    // минус ширина скроллбара
   overflow = 'hidden';                    // и убираем скроллбар
 
   DVclon.id = 'cln';
 
document.getElementById ('dv0').parentNode.appendChild (DVclon);
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.10.2012, 13:55
Помогаю со студенческими работами здесь

Найти схожие позиции ячеек из одной таблицы в другой
Существуют ли какие-нибудь методы, способы или алгоритмы, чтобы найти схожие позиции ячеек из одной таблицы в другой? Независимо от угла...

Изменение цвета ячеек и суммирование значений в оной таблице на основании данных другой таблицы
Пытаюсь сделать следующее: 1.в данном примере (Смотри вложение): при вводе в нижнюю таблицу, наименования Name 1, Name 2 и т.д....

Копирование ячеек таблицы 2, соответствующих искомым значениям таблицы 1
Перечитал форум, но похожего не нашел. В общем: Имеется таблица 1, в ней 2 столбца(A и B, грубо говоря). Заполнен только столбец A с...

Задать разную ширину ячеек и избавиться от стандартного синего выделения ячеек, заменив его на белый цвет
Всем доброго времени суток! Сейчас в срочном порядке разбираюсь с таким интересным компонентом как StringGrid. В целом всё понятно, но...

Как автоматически подстраивать ширину колонки TableView в зависимости от содержимого ячеек?
Когда на заголовке колонки кликаешь дважды - ширина регулируется по максимальной длине ячеек. (Так же как в экселе) Как можно это делать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
22
Ответ Создать тему
Новые блоги и статьи
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru