ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не пошел метод insertRow();
10 сообщений из 10, страница 1 из 1
не пошел метод insertRow();
    #38184531
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Привет всем!
Возникла небольшая проблема со вставкой строк и данных в таблицу при помощи javascript.
Есть набор полей на форме frm1 , которые я парсю var ab=parseFloat(document.frm1.fldcont.Value); , с которых надо взять значения и вставить в новую строку таблицы table1 .
Есть таблица, которая также находится на форме frm1 в которую я вставляю строки и заполняю их значения на основе запарсенных полей.
Сам механизм добавления новых строк работает, но в качестве значений туда попадает гадость, Все ячейки заполняются NaN

Прошу посмотреть код, что здесь не так, помогите плиз





Код: 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.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
<html>
<head>
<script type="text/javascript">
function insRow()
{

var ab=parseFloat(document.frm1.fldcont.Value);/* снимаю данные с поля на форме*/
var bb=parseFloat(document.frm1.fldetd.Value); /* снимаю данные с поля на форме*/
var cb=parseFloat(document.frm1.fldeta.Value); /* снимаю данные с поля на форме*/
var db=parseFloat(document.frm1.fldforwarder.Value); /* снимаю данные с поля на форме*/
var eb=parseFloat(document.frm1.fldcustom.Value); /* снимаю данные с поля на форме*/
var fb=parseFloat(document.frm1.fldws.Value); /* снимаю данные с поля на форме*/




var x=document.getElementById('table1').insertRow(0);/* выбираю метод вставки данных в таблицу*/
var a=x.insertCell(0);
var b=x.insertCell(1);
var c=x.insertCell(2);
var d=x.insertCell(3);
var e=x.insertCell(4);
var f=x.insertCell(5);




a.innerHTML=(ab); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
b.innerHTML=(bb); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
c.innerHTML=(cb); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
d.innerHTML=(db); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
e.innerHTML=(eb); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
f.innerHTML=(fb); /* передаю значения с поля на форме в таблицу которая также находится на форме*/
}
</script>
<head>



<body>
<form name="frm1" id="frm1" method="post">

<div align="right" class="a">
<input type="button" name="fldadd" id="fldadd" value="Добавить." onclick="insRow()">
<br>
<br>
<b>Введите номер контейнера:    </b><input class="a" type="text" name="fldcont" id="fldcont"><br> /* Это поле из которого берется значение */
<b>Введите дату убытия судна:    </b><input class="a" type="date" name="fldetd" id="fldetd"><br> /* Это поле из которого берется значение */
<b>Введите дату прихода судна:    </b><input class="a" type="date" name="fldeta" id="fldeta"><br>/* Это поле из которого берется значение */
<b>Введите название экспедитора:    </b><input class="a" type="text" name="fldforwarder" id="fldforwarder"><br>/* Это поле из которого берется значение */
<b>Введите название таможни:    </b><input class="a" type="text" name="fldcustom" id="fldcustom"><br>/* Это поле из которого берется значение */
<b>Введите название склада:    </b><input class="a" type="text" name="fldws" id="fldws"><br>/* Это поле из которого берется значение */

</div>

<div class="b">
<table align="center" name="table1" id="table1">
<tr>
<th>Контейнер</th>
<th>Выход судна</th>
<th>Прибытие в порт</th>
<th>Экспедитор</th>
<th>Таможня</th>
<th>Склад</th>
</tr>
<tr>
<td>MSKU4568214</td>
<td>15.02.2013</td>
<td>27.03.2013</td>
<td>"Форвард Транс"</td>
<td>Кимры</td>
<td>Внуково</td>

</tr>
<td>MSKU4523651</td>
<td>15.02.2013</td>
<td>27.03.2013</td>
<td>"Форвард Транс"</td>
<td>Вышний Волочек</td>
<td>Казань</td>
</tr>
</table>
</div>


</form>
</body>

<html>
...
Рейтинг: 0 / 0
14.03.2013, 18:46
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38184563
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
берем firebug
идем на закладку Script
находим эту функцию и ставим точки останова
выполняем функцию, останавливаемся и смотрим значения переменных
...
Рейтинг: 0 / 0
14.03.2013, 19:04
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38184568
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
да, а почему Value а не value ?
...
Рейтинг: 0 / 0
14.03.2013, 19:05
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38184579
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганельда, а почему Value а не value ?

да с VBA перехожу на javascript и php, там свойства после точки обычно с большой буквы начинаются и без разницы на самом деле
этот язык регистронезависимый. Все забываю, что JS регистрозависимый. Попробую с маленькой.
...
Рейтинг: 0 / 0
14.03.2013, 19:09
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38184677
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Так и не понял, где ошибка.
Применил другой метод и все заработало:

Код: 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.
<script type="text/javascript">
 
 var d=document;
 var konteiner;
 var etd;
 var eta;
 var forwarder;
 var tamojnya;
 var sklad;
 
function addRow()
{
// Считываем значения с формы
konteiner=d.getElementById('fldcont').value;
etd=d.getElementById('fldetd').value;
eta=d.getElementById('fldeta').value;
forwarder=d.getElementById('fldforwarder').value;
tamojnya=d.getElementById('fldcustom').value;
sklad=d.getElementById('fldws').value;

// Находим нужную таблицу
var tbody=d.getElementById('table1').getElementsByTagName('TBODY')[0];

// Создаем строку таблицы и добавляем ее
var row=d.createElement("TR");
tbody.appendChild(row);

// Создаем ячейки в вышесозданной строке
// и добавляем тх
var td1=d.createElement("TD");
var td2=d.createElement("TD");
var td3=d.createElement("TD");
var td4=d.createElement("TD");
var td5=d.createElement("TD");
var td6=d.createElement("TD");

row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
row.appendChild(td6);

// Наполняем ячейки
td1.innerHTML=konteiner;
td2.innerHTML=etd;
td3.innerHTML=eta;
td4.innerHTML=forwarder;
td5.innerHTML=tamojnya;
td6.innerHTML=sklad;
}
...
Рейтинг: 0 / 0
14.03.2013, 20:14
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38185042
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Сергей Лаловне пошел метод insertRow();
Все там работает...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function add() {
	var tr=document.getElementById('test').insertRow(-1);
	var td;
	for (var i=0; i<4; i++) {
		td=tr.insertCell(-1);
		td.innerHTML=i;
	};
};
</script>
</head>
<body>
<table id='test' border='1'>
</table>
<button onclick='add();'>Add</button>
</body>
</html>
...
Рейтинг: 0 / 0
15.03.2013, 09:17
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38185445
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
krvsa,

Спасибо за пример!
Циклом можно действительно покороче обтяпать.
Вопрос по вашему коду:

Что означает цифра -1 в выражении .insertRow(-1); ?

Это шаг, булевая операция или константа какая?
...
Рейтинг: 0 / 0
15.03.2013, 12:44
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38185456
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
откройте для себя Mozilla Developer Network
...
Рейтинг: 0 / 0
15.03.2013, 12:48
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38185462
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганель,

Спасибо!!! Вот оно что, а я то думал, что это строки иногда сверху,а иногда снизу вставляются))

Вот оно, очень полезно
If index is -1 or equal to the number of rows, the row is appended as the last row. If index is omitted or greater than the number of rows, an error will result.


Спасибо за ссылку!
...
Рейтинг: 0 / 0
15.03.2013, 12:51
| Ответить | Цитировать | Написать  
не пошел метод insertRow();
    #38186322
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Сергей Лалов , т.е. про -1 ты понял...
...
Рейтинг: 0 / 0
15.03.2013, 20:52
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не пошел метод insertRow();
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=137&tid=1448588]:
 0ms
get settings:
 5ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 51ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 215ms
total:  345ms
созд. / загр.: 345ms
x
x
Закрыть


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