Получение координат ячейки table

@Dutenass · Регистрация: 05.01.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Подскажите пожалуйста, как получить координаты ячейки таблицы?

@kalabuni · 18.10.2015, 17:53

да точно также, как и координаты любого тега

JavaScript
1
2
3
4
var obj; // ссылка на объект-ячейку
var t = l = 0;
while (obj.offsetParent) l += obj.offsetLeft, t += obj.offsetTop, obj = obj.offsetParent;
alert ('left = ' + l + ', top =' + t);

@BANO · 18.10.2015, 18:01

kalabuni, кх кх, вообще-то этот способ не точный

@kalabuni · 18.10.2015, 18:04

Сообщение от BANO

этот способ не точный

так покажите нам "точный"!
очень просим, "аж кушать не можем, пока не покажете" (с)

@BANO · 18.10.2015, 18:05

вот тут показано почему, а ещё и рабочий скрипт дан

JavaScript
1
2
3
4
5
6
7
8
9
function getCoords(elem) { // кроме IE8-
  var box = elem.getBoundingClientRect();
 
  return {
    top: box.top + pageYOffset,
    left: box.left + pageXOffset
  };
 
}

@arcmag · 18.10.2015, 18:12

Координаты в смысле "строка" - "столбец"?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
    function getTabCoord(table) {
        document.querySelector (table).addEventListener("click", function (e) {
            var o = e.target, coord = {};
            while (o.nodeName !== "TABLE") {
                if (o.nodeName === "TR") coord.y = o.rowIndex;
                if (o.nodeName === "TD") coord.x = o.cellIndex;
                o = o.parentNode;
            }
            alert ("x = "+coord.x+" y = "+coord.y);
        })
    }
    window.addEventListener("load", function () {
        getTabCoord ("#mytab");
    })

@BANO · 18.10.2015, 18:13

arcmag, вот, только только подумал, что слово "таблица" не просто так промелькнуло, и тут вы
а я ссылочку пока нашёл на свойства табличных элементов

@kalabuni · 18.10.2015, 18:19

имхо, бредятина

"код нормальный. И он как-то работает, но разные браузеры преподносят «сюрпризы»" -- так покажите хоть один сюрприз хоть в каком-то одном браузере!

без примера это называется голословным утверждением

тем более далее пишут, что, оказывается, "можно, конечно, разобрать эти проблемы и посчитать действительно аккуратно и правильно этим способом"

т.е., несмотря на неточность способа им всё-таки можно посчитать точно и правильно? это же полный бред автора-идиота

@BANO · 18.10.2015, 18:43

Сообщение от kalabuni

голословным утверждением

посмотрите, лично у меня получаются довольно разные значения

Добавлено через 10 минут
кстати плюс метода с getBoundingClientRect в том, что ему насрать на то, position: absolute || relative || fixed, и ему вообще насрать на падинги и маргины, он говорит то, что видит)))

@kalabuni · 18.10.2015, 18:45

BANO, вы не поняли

вы в курсе, что расчётная плотность вещества Луны равна плотности швейцарского сыра?
следует ли из этого, что Луна действительно сделана из сыра?

я оценивал не способы, сравниваемые в статье, я оценивал саму статью -- она бредовая, потому что идиот её написал

@BANO · 18.10.2015, 18:52

Сообщение от kalabuni

она бредовая, потому что идиот её написал

ну, кому как
я когда её читал, я смотрел на примеры, а не на текст, я вообще мало внимания обращаю на текст, там всегда какой-нибудь бред написан

хотя, я учился по этим статьям

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Dutenass 4 / 4 / 5 Регистрация: 05.01.2011 Сообщений: 169

	Получение координат ячейки table 18.10.2015, 17:21. Показов 6576. Ответов 10 Метки нет (Все метки) Здравствуйте! Подскажите пожалуйста, как получить координаты ячейки таблицы? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	18.10.2015, 18:01
	kalabuni, кх кх, вообще-то этот способ не точный 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	18.10.2015, 18:13
	arcmag, вот, только только подумал, что слово "таблица" не просто так промелькнуло, и тут вы а я ссылочку пока нашёл на свойства табличных элементов 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.10.2015, 18:19
	имхо, бредятина "код нормальный. И он как-то работает, но разные браузеры преподносят «сюрпризы»" -- так покажите хоть один сюрприз хоть в каком-то одном браузере! без примера это называется голословным утверждением тем более далее пишут, что, оказывается, "можно, конечно, разобрать эти проблемы и посчитать действительно аккуратно и правильно этим способом" т.е., несмотря на неточность способа им всё-таки можно посчитать точно и правильно? это же полный бред автора-идиота 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.10.2015, 18:45
	BANO, вы не поняли вы в курсе, что расчётная плотность вещества Луны равна плотности швейцарского сыра? следует ли из этого, что Луна действительно сделана из сыра? я оценивал не способы, сравниваемые в статье, я оценивал саму статью -- она бредовая, потому что идиот её написал 0