Объединить колонки / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Объединить колонки

19 сообщений из 19, страница 1 из 1

Объединить колонки

#36501479

xaly

Гость

Здравствуйте! Помогите разобраться в объединением ячеек.
есть такая таблица, автоматом сгенерированная на сервере
<table border = "1">
<tr><td> </td><td>2</td><td>3</td><td>4</td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td>2</td><td>3</td><td>4</td><td> </td><td> </td><td> </td></tr>
<tr><td>1</td> <td>2</td><td>3</td><td>4</td><td>5</td><td> </td><td> </td></tr>
<tr><td>1</td> <td>2</td><td>3</td><td>4</td><td>5</td><td> </td><td> </td></tr>
<tr><td> </td><td>2</td><td>3</td><td>4</td><td> </td><td> </td><td> </td></tr>
</table>

Необходимо в строках, в которых значение в 1-й ячейки не равно &nbsp, объеденить ячейки с 5-ой и до конца, так чтоб в объедененной ячейке осталось значение из 5-й.
Я делаю так:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

  <script language="javascript" type="text/javascript">
                 function reBuildTable(tbl) 
               {
                   var row;
                   var val;
                   var cnt;
                   for (var i =  1 ; i < tbl.rows.length; i++) {
                       if (tbl.rows[i].cells[ 0 ].innerHTML != ' ') {
                           val = tbl.rows[i].cells[ 4 ].innerHTML;
                           for (var j =  5 ; j < tbl.rows.childNodes.length; j++) {
                               tbl.rows[i].cells[j].removeNode(true);
                               cnt++;
                           }
                           tbl.rows[i].cells[ 5 ].colSpan = cnt;
                           tbl.rows[i].cells[ 5 ].innerHTML = val;

                       }
                   }
                
               }
               window.onload = reBuildTable(document.getElementById('<%= GridView1.ClientID %>'));
        </script>

Это работает не работает.
Не заходит во внутренний цикл почему-то.

...

Рейтинг:

0 / 0

04.03.2010, 09:58:59

| Ответить | Цитировать | Написать

Объединить колонки

#36501497

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

так посмотрите алертом чему у вас равно tbl.rows.length

...

Рейтинг:

0 / 0

04.03.2010, 10:04:38

| Ответить | Цитировать | Написать

Объединить колонки

#36501504

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

поправка : tbl.rows.childNodes.length

...

Рейтинг:

0 / 0

04.03.2010, 10:05:13

| Ответить | Цитировать | Написать

Объединить колонки

#36501514

xaly

Гость

Alert вообще не срабатывает

...

Рейтинг:

0 / 0

04.03.2010, 10:07:49

| Ответить | Цитировать | Написать

Объединить колонки

#36501535

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

Ошибка: document.getElementById("asd").rows.childNodes is undefined

поэтому и алерт не срабатывает

...

Рейтинг:

0 / 0

04.03.2010, 10:13:29

| Ответить | Цитировать | Написать

Объединить колонки

#36501545

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

Код: plaintext

1.
2.

	var tds = tbl.getElementsByTagName('td');
	alert(tds[ 0 ].innerHTML);

...

Рейтинг:

0 / 0

04.03.2010, 10:15:50

| Ответить | Цитировать | Написать

Объединить колонки

#36501549

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

То есть разумеется getElementsByTagName не к тейблу применять, а к его деткам - тээрам

...

Рейтинг:

0 / 0

04.03.2010, 10:17:07

| Ответить | Цитировать | Написать

Объединить колонки

#36501551

xaly

Гость

EmilRegis,
Как узнать кол-во ячеек в строке?

...

Рейтинг:

0 / 0

04.03.2010, 10:17:57

| Ответить | Цитировать | Написать

Объединить колонки

#36501570

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

видимо так

Код: plaintext

tbl.rows[i].getElementsByTagName('td').length

...

Рейтинг:

0 / 0

04.03.2010, 10:24:43

| Ответить | Цитировать | Написать

Объединить колонки

#36501760

xaly

Гость

EmilRegis,
переделала цикл теперь ячейки слепились правильно, но в конце добавляются новые пустые

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

<script language="javascript" type="text/javascript">
               function reBuildTable(tbl) {
                   var row;
                   var val;
                   var cnt;

                   for (var i =  1 ; i < tbl.rows.length; i++) {
                       cnt =  0 ; 
                       if (tbl.rows[i].cells[ 0 ].innerHTML != ' ') {
                           val = tbl.rows[i].cells[ 4 ].innerHTML;
                           var coutCol = tbl.rows[i].getElementsByTagName('td').length;
                           for (var j =  5 ; j < coutCol; j++) {
                            cnt++;
                           }
                           tbl.rows[i].cells[ 3 + 1 ].colSpan = cnt;
                           tbl.rows[i].cells[ 3 + 1 ].innerHTML = val;

                       }
                   }
               }
     
               window.onload = reBuildTable(document.getElementById('<%= GridView1.ClientID %>'));
         </script>

Как удалить не нужные ячейки?

...

Рейтинг:

0 / 0

04.03.2010, 11:16:00

| Ответить | Цитировать | Написать

Объединить колонки

#36501775

xaly

Гость

если вставить

Код: plaintext

tbl.rows[i].cells[ 4 ].removeNode(true);
       tbl.rows[i].cells[ 5 ].removeNode(true);

после второго цикла и перед объединением, то все ОК,
когда я пытаюсь запихать tbl.rows[i].cells[j].removeNode(true); в цикл по j, то
не работает

...

Рейтинг:

0 / 0

04.03.2010, 11:22:31

| Ответить | Цитировать | Написать

Объединить колонки

#36501866

xaly

Гость

Может у кого-нибудь есть идея, как удалить лишние ячейки, которые добавились после объеденения

...

Рейтинг:

0 / 0

04.03.2010, 11:43:29

| Ответить | Цитировать | Написать

Объединить колонки

#36501929

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

замените кстати

Код: plaintext

1.
2.
3.
4.

var coutCol = tbl.rows[i].getElementsByTagName('td').length;
на
var coutCol = tbl.rows[i].cells.length;

так правильнее))

...

Рейтинг:

0 / 0

04.03.2010, 11:55:16

| Ответить | Цитировать | Написать

Объединить колонки

#36501969

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

Код: plaintext

1.
2.
3.
4.
5.
6.
7.

if (tbl.rows[i].cells[ 0 ].innerHTML != ' ') {
       val = tbl.rows[i].cells[ 4 ].innerHTML;
       var coutCol = tbl.rows[i].getElementsByTagName('td').length;
       for (var j =  5 ; j < coutCol; j++) {
             cnt++;
	     tbl.rows[i].deleteCell(j- 1 );
}

...

Рейтинг:

0 / 0

04.03.2010, 12:04:35

| Ответить | Цитировать | Написать

Объединить колонки

#36502312

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

много лишнего. Я б как-то так:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

function reBuildTable(tbl) 
{
	for (var i =  0 ; i < tbl.rows.length; i++) 
	{
		if (tbl.rows[i].cells[ 0 ].innerHTML != ' ') 
		{
			var cnt = tbl.rows[i].cells.length -  4 ;
            		tbl.rows[i].cells[ 4 ].colSpan = cnt;
			while (--cnt > 0) tbl.rows[i].deleteCell(5);
		}
	}
}

но не понимаю, зачем это делать на клиенте, если можно на сервере. Лишний раз страницу колбасить.

...

Рейтинг:

0 / 0

04.03.2010, 13:39:40

| Ответить | Цитировать | Написать

Объединить колонки

#36502424

xaly

Гость

illion,

Спасибо этот скрипт работает, а на сервере это сделать нельзя так как, изначально там на asp странице, динамически формируется gridview, в котором нельзя слепить ячейки, а браузер преобразовывает gridview в html -таблицу, поэтому я решила сделать это на клиенте

...

Рейтинг:

0 / 0

04.03.2010, 14:14:38

| Ответить | Цитировать | Написать

Объединить колонки

#36502441

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

xaly...поэтому я решила сделать это на клиенте
Можно и на сервере устанавливать атрибут колспан.

...

Рейтинг:

0 / 0

04.03.2010, 14:18:52

| Ответить | Цитировать | Написать

Объединить колонки

#36504067

xaly

Гость

illion, подскажите как грамотно к этой объедененной ячейке применить стиль, конкретно выравнивание(align = center) значения по центру?

...

Рейтинг:

0 / 0

05.03.2010, 04:24:57

| Ответить | Цитировать | Написать

Объединить колонки

#36504073

xaly

Гость

Вопрос про выравнивание отпал. Спасибо всем за ответы.

...

Рейтинг:

0 / 0

05.03.2010, 04:46:03

| Ответить | Цитировать | Написать

19 сообщений из 19, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Объединить колонки

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&gotonew=1&tid=1453432]:	0ms
get settings:	7ms
get forum list:	16ms
check forum access:	3ms
check topic access:	3ms
track hit:	168ms
get topic data:	8ms
get first new msg:	5ms
get forum data:	2ms
get page messages:	56ms
get tp. blocked users:	1ms
others:	202ms

total:	471ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы