Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица! / 10 сообщений из 10, страница 1 из 1
17.07.2013, 09:33
    #38333645
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Здраствуйте! Стоит такая задача в существующей таблице(колонок 7) нужно добавить 3 строки.
Это не проблема, но нужно их как то добавить с помощью скрипта.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 10:15
    #38333696
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Чистый JS или jQuery? Во втором случае смотрите методы append()/prepend()
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 10:18
    #38333699
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Denis1991,

innerHTML. Других способов вроде нету, насколько помню tr и td не являются элементами DOM дерева.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 10:20
    #38333705
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
mhxЧистый JS или jQuery? Во втором случае смотрите методы append()/prepend()

JS!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 10:22
    #38333709
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
ПрограмёрinnerHTML.

Может что-то вроде
Код: javascript
1.
2.
3.
4.
5.
6.
for(var i=0; i<3;i++){
    var tr = document.createElement('tr');
    tr.innerHTML = '<td>новая строка</td>';
    var table = document.getElementById('id вашей таблицы');
    table.appendChild(tr);
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 11:58
    #38333868
The_ShadoW
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
ПрограмёрDenis1991,

innerHTML. Других способов вроде нету, насколько помню tr и td не являются элементами DOM дерева.
Здрасьте. Являются, конечно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 12:47
    #38333955
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Элементами dom-дерева являются даже те элементы, которые не являются html-элементами. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 13:17
    #38334033
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
AntonariyЭлементами dom-дерева являются даже те элементы, которые не являются html-элементами. :)

Значит неправильно помню... было что-то подобное, видимо перепутал :). Ну тогда обычный append подходит тоже. И стоит выбирать тот вариант, который удобнее в данном случае.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2013, 11:21
    #38335237
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Denis1991,

 
по мотивам гугла
Код: 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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
<!--
Порывшись в Javascript доках, я нашёл всего несколько кроссбраузерных функций, отвечающих стандарту W3C. Используя которые, тем не менее, можно творить с html таблицей
всё что угодно:
Метод             Описание
createCaption()	Создает пустой элемент заголовка и добавляет его в таблицу
createTFoot()	Создает пустой элемент TFOOT и добавляет его в таблицу
createTHead()	Создает пустой элемент THEAD и добавляет его в таблицу
deleteCaption()	Удаляет первый элемент caption
deleteRow() 	Удаляет строку из таблицы
deleteTFoot()	Удаляет элемент TFOOT из таблицы
deleteTHead()	Удаляет элемент THEAD из таблицы
insertRow()	Создает пустую строку и добавляет её в таблицу
-->
<html>
<head>
<script>
function InsertTop() {
  var table=document.getElementById("myTable");
  var row=table.insertRow(0);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  cell1.innerHTML = "Text on top 1";
  cell2.innerHTML = "Text on top 2";
 }
function AddBottom() {
  var table=document.getElementById("myTable");
  var row=table.insertRow(-1);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  cell1.innerHTML = "Text on bottom 1";
  cell2.innerHTML = "Text on bottom 2";
 }
function AddColumn() {
  var el = document.getElementById('myTable');
  var rows_cnt = el.rows.length;
  var cols_cnt = el.rows[0].cells.length;
  var cell;
  var i;
  
  for (i = 0; i < rows_cnt; i++) {
	cell = el.rows[i].insertCell(1);
    cell.innerHTML = el.rows[i].cells[cols_cnt].innerHTML;
  }

}

 </script>
</head>
 
<body>
<table id="myTable" border="1" cellspacing="0">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="InsertTop()">Вставить строку наверх</button> <button type="button" onclick="AddBottom()">Вставить строку вниз</button>
<br><button type="button" onclick="AddColumn()">Добавить столбец</button>
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2013, 11:56
    #38335303
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица!
Большое спасибо!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица! / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 453ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448108]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 147ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 215ms
total:  453ms
x
x
Закрыть


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