ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML Таблица с НЕ квадратными ячейками
34 сообщений из 34, показаны все 2 страниц
  все  
HTML Таблица с НЕ квадратными ячейками
    #37944577
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
Всем, привет!

Есть интересная задачка, необходимо отобразить HTML страничку, при этом ячейки таблицы могут быть не квадратными.

...
Рейтинг: 0 / 0
05.09.2012, 13:33:04
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944635
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Не могут, хоть тресни.
Максимум можно создать такую видимость, раскрасив ячейки соответствующим образом.
...
Рейтинг: 0 / 0
05.09.2012, 13:51:24
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944659
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
Antonariy, спасибо, но раскрашивание не подходить, поскольку цвет ячейки определяется состоянием сущности которую она отображает.

Каким другим образом можно решить такую задачу? (средствами HTML)
...
Рейтинг: 0 / 0
05.09.2012, 13:57:55
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944724
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
dima pvlКаким другим образом можно решить такую задачу? (средствами HTML)<map>/<area>
http://htmlbook.ru/html/map
...
Рейтинг: 0 / 0
05.09.2012, 14:20:39
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944783
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
miksoft,
использования map предполагает наличие некого объекта (рисунка и т.д.), но в моем случае рисунка нет, есть набор данных, который нужно отобразить.

О - некая сущность, которая каким то образом соотносятся с сущностям A i B и представляет собой матрицу.

Так вот, необходимо отобразить такую матрицу, с учетом требований в начале темы.
...
Рейтинг: 0 / 0
05.09.2012, 14:46:32
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944786
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Похоже пишут Тетрис!
...
Рейтинг: 0 / 0
05.09.2012, 14:47:28
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944791
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvlнеобходимо отобразить такую матрицу
Матрица - есть таблица.
Т.о. совет "рскрасить" пока в силе...
...
Рейтинг: 0 / 0
05.09.2012, 14:48:56
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944792
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsa,

хорошая аналогия , ух если бы тетрис...
...
Рейтинг: 0 / 0
05.09.2012, 14:49:45
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944794
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvl , ты как в JS хранишь данные по тем "сущностям"?
...
Рейтинг: 0 / 0
05.09.2012, 14:50:54
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944798
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsa,
раскрасить не вариант, поскольку цвет ячейки определяется состоянием О.

Если так, тогда очень не информативно получается.
...
Рейтинг: 0 / 0
05.09.2012, 14:53:30
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944802
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvlцвет ячейки определяется состоянием О.
Как это понять?
Ты пока пишешь загадками...
...
Рейтинг: 0 / 0
05.09.2012, 14:55:37
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944804
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsa dima pvl , ты как в JS хранишь данные по тем "сущностям"?

нет, в БД.
...
Рейтинг: 0 / 0
05.09.2012, 14:56:23
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944812
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
dima pvlmiksoft,
использования map предполагает наличие некого объекта (рисунка и т.д.), но в моем случае рисунка нет, есть набор данных, который нужно отобразить.

О - некая сущность, которая каким то образом соотносятся с сущностям A i B и представляет собой матрицу.

Так вот, необходимо отобразить такую матрицу, с учетом требований в начале темы.

krvsadima pvlцвет ячейки определяется состоянием О.
Как это понять?
Ты пока пишешь загадками...

О - некая сущность, которая каким то образом соотносятся с сущностям A i B и представляет собой матрицу.

у Объекта О, есть свои свойства одно из которых состояние, вот для каждого состояния определен свой цвет.
...
Рейтинг: 0 / 0
05.09.2012, 14:59:15
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944829
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот читай все эти "слова" и смотря картинки - запросто можно решить задачу просто раскрасив табличку...
...
Рейтинг: 0 / 0
05.09.2012, 15:07:03
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944919
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsaВот читай все эти "слова" и смотря картинки - запросто можно решить задачу просто раскрасив табличку...

Хм.. Как же к этому сразу не пришел?!?!

Но еще раз скажу - этот вариант не подходит!
...
Рейтинг: 0 / 0
05.09.2012, 15:34:51
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944928
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
dima pvl
Как задается форма одноцветных участков? Приведи пример "в цифрах".

dima pvl Но еще раз скажу - этот вариант не подходит!Почему?
...
Рейтинг: 0 / 0
05.09.2012, 15:39:03
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944937
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Antonariydima pvl
Как задается форма одноцветных участков? Приведи пример "в цифрах".Вернее не одноцветных, а участков О1-О5.
...
Рейтинг: 0 / 0
05.09.2012, 15:42:38
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944958
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Antonariy , дык пофиг там на цвет... Его можно установить любой, потому как количество "состояний" известно и оно конечно.
...
Рейтинг: 0 / 0
05.09.2012, 15:48:33
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944959
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvlНо еще раз скажу - этот вариант не подходит!
Похоже это уже вопрос веры...
...
Рейтинг: 0 / 0
05.09.2012, 15:49:03
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944970
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Так или иначе Оi состоит их N пар типа (Aij,Bij)... У Oi может быть некое состояние Si...
Зная максимальное значение у A и B, строим табличку (матрицу) MaxA X MaxB...
Затем пробегаем по всем O1-ON... Расставляем все элементы очередного Oi... Добавляя состояние тем же атрибутом class...

Вот и вся любовь
...
Рейтинг: 0 / 0
05.09.2012, 15:55:12
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944971
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsadima pvlНо еще раз скажу - этот вариант не подходит!
Похоже это уже вопрос веры...

Вопрос в удобстве использования. Одноцветные ячеки, которые отображают иформацию по разным объектам трудно воспринимаются пользователями и для них затруднительно работать со таким представлением.

AntonariyAntonariydima pvl
Как задается форма одноцветных участков? Приведи пример "в цифрах".Вернее не одноцветных, а участков О1-О5.

см. начало темы.
...
Рейтинг: 0 / 0
05.09.2012, 15:55:17
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944978
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvlОдноцветные ячеки, которые отображают иформацию по разным объектам трудно воспринимаются пользователями и для них затруднительно работать со таким представлением.
А кто говорил об одном цвете?
...
Рейтинг: 0 / 0
05.09.2012, 15:56:48
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944981
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Сколько состояний - столько и цветов... Или что там у тебя определяет цвет?
...
Рейтинг: 0 / 0
05.09.2012, 15:57:44
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37944990
dima pvl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dima pvl
Гость
krvsadima pvlОдноцветные ячеки, которые отображают иформацию по разным объектам трудно воспринимаются пользователями и для них затруднительно работать со таким представлением.
А кто говорил об одном цвете?

Я говорю об объектах в одном состоянии которые будут смежно отображаться.
...
Рейтинг: 0 / 0
05.09.2012, 16:01:07
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945000
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
dima pvl,

Приведите конкретный пример с конкретными данными (можно даже с кодом) и желаемой картинкой результата. Иначе общими словами и "не подходит" мы ничего не добьемся.
...
Рейтинг: 0 / 0
05.09.2012, 16:03:36
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945008
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dima pvlЯ говорю об объектах в одном состоянии которые будут смежно отображаться.
И как бы ты хотел это отобразить?
Я вот смотрю на картинку с 2-мя твоими "вкл" и "выкл"... Ты там буковками их разделил...

Ну вобщем мы тебе много чего написали... Дальше дело за тобой.
...
Рейтинг: 0 / 0
05.09.2012, 16:06:06
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945013
?
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
?
Гость
dima pvl, что такое "объект"?
...
Рейтинг: 0 / 0
05.09.2012, 16:07:04
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945024
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
dima pvlAntonariyпропущено...
Вернее не одноцветных, а участков О1-О5.

см. начало темы.Там веселые картинки. Как исходные данные выглядят? Матрица — это не исходные данные. Это кино братьев Вачовски.
Исходные данные это массив. Одномерный, двумерный, многомерный. Или коллекция.
...
Рейтинг: 0 / 0
05.09.2012, 16:12:43
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945031
?
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
?
Гость
Если нужны рамочки как на картинке, надо у ячеек правильно расставить border-top, border-bottom, border-left, border-right.
...
Рейтинг: 0 / 0
05.09.2012, 16:14:36
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945043
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
?надо у ячеек правильно расставить border-top, border-bottom, border-left, border-right.
Красава!
Садись рядом с нами...
...
Рейтинг: 0 / 0
05.09.2012, 16:18:19
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945239
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
dima pvl ,
будь добр, или изложи свою задачу так, чтобы это было понятно - пока суть сводится к раскрашиванию, что делает задачу примитивной, а тебе явно требуется нечто большее, либо я закрою тему как тему с трепом ни о чем ...
...
Рейтинг: 0 / 0
05.09.2012, 17:30:13
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945271
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А насчет таблица все же подумай. C помощью jquery удобно группировать ячейки в "объекты":
Код: html
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.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <style>
        table {border-collapse:collapse;width:200px;height:200px;}
    </style>
    <script type="text/javascript">
        var matrix = [[1, 2, 3], [1, 1, 3], [4, 4, 5], [4, 5, 5]];
        var objs = ['red', 'green', 'blue', 'yellow', 'magenta'];

        $getObj = function(objNumber) {
            return ($("td").filter(function(index) {
                return (matrix[this.parentNode.rowIndex][this.cellIndex] == objNumber)
            }))
        }

        $(function() {
            var $tbl = $("<table></table>").appendTo("body");
            $(matrix).each(function() {
                var $tr = $("<tr/>").appendTo($tbl);
                $(this).each(function() { $("<td></td>").html(this).css("backgroundColor", objs[this-1]).appendTo($tr) });
            });
        });
    </script>
</head>
<body>
    <input type="button" value="тынц" onclick='$getObj(4).css("backgroundColor", "orange")' />
</body>
</html>
...
Рейтинг: 0 / 0
05.09.2012, 17:46:12
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945492
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
dima pvlВсем, привет!

Есть интересная задачка, необходимо отобразить HTML страничку, при этом ячейки таблицы могут быть не квадратными иметь сложную не прямоугольную форму.



В стандарте явно прописано (в красной рамочке) что таблица не может не может иметь перекрывающие объединения т.е. ячейка таблицы может иметь не более 4х углов.

Но сверстать что то похожее скорее всего можно =)
...
Рейтинг: 0 / 0
05.09.2012, 19:55:08
| Ответить | Цитировать | Написать  
HTML Таблица с НЕ квадратными ячейками
    #37945733
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Все таки любопытно стало сверстать кривые ячейки
...
Рейтинг: 0 / 0
06.09.2012, 00:16:31
| Ответить | Цитировать | Написать  
34 сообщений из 34, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML Таблица с НЕ квадратными ячейками
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1449382]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 27ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 237ms
total:  333ms
созд. / загр.: 333ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]