Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / rowIndex возвращает -1 / 3 сообщений из 3, страница 1 из 1
03.06.2014, 02:19
    #38659478
z0dium
z0dium
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
rowIndex возвращает -1
Здравствуйте!
Помогите, пожалуйста разобраться. Почему-то конструкция возвращает rowIndex = -1.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
function deleteRow(tblName,tarObj) /*tblName - имя таблицы, tarObj - название класса объекта, на который щелкнули 
(использую как индентификатор строки, т.е. на данной строке у всех объектов в ячейках один класс.)*/
{	
   var TB = document.getElementById(tblName); //Получаю ссылку на таблицу, с которой работаю.
   var TR = document.getElementsByClassName(tarObj)[0].parentNode.parentNode.rowIndex; 
/* беру первый попавшийся объект с нужным классом, перехожу к его родителю (<td>), далее еще раз к родителю (<tr>). На этом этапе он сообщает, 
что объект строка таблицы. Но если пытаюсь получить rowIndex - возвращает -1. В чем я ошибаюсь?*/
   alert(TR);
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2014, 08:47
    #38659544
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
rowIndex возвращает -1
z0dium
Код: javascript
1.
function deleteRow(tblName,tarObj) /*tblName - имя таблицы, tarObj - название класса объекта, на который щелкнули

А где обработка щелчка?   Хорошая статья, я сохранил её себе локально Javascript динамическая html таблица
 
Пример-шаблон
Код: 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.
<!DOCTYPE html>
<html>
<head>
<style>
	table {border-collapse:collapse;}
	td,th {border: 1px solid #aaa; padding:4px;}
</style>
</head>
<body>
<font color="green">Надо щелкнуть в любую ячейку</font>
<br><br>
<table id="example">
	<tr> <th>The Asylum</th> <th>20th Century Fox</th> <th>Просто так</th> </tr>
	<tr> <td>Король затерянного мира</td> <td>Star Wars (части 1-6)</td> <td>Оперативно-тактическое решение</td> </tr>
	<tr> <td>Терминаторы</td> <td>Аватар</td> <td>Выполнение поставленных боевых задач</td></tr>
	<tr> <td>Угроза из прошлого</td> <td>Люди икс</td> <td>Защитить исследовательский центр Парения</td> </tr>
	<tr> <td>Андроид-полицейский</td> <td>Хищник</td> <td>Освободить комплекс по добыче воды</td> </tr>
	<tr> <td>Помпеи: апокалипсис</td> <td>Секретные материалы</td> <td>Dark Reign - 2</td> </tr>
</table>
</body>
<script>
document.getElementById("example").onclick = function (event) {
	event = event || window.event;
	var el = event.target || event.srcElement;	
	if (el.tagName == "TD") {
		alert('Строка: ' + el.parentNode.rowIndex +'\n'+ 'Содержимое ячейки: ' + el.innerHTML);
	}
};
</script>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2014, 12:09
    #38659832
z0dium
z0dium
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
rowIndex возвращает -1
user89,

Спасибо, сейчас попробую.

У меня функция будет вызываться не по щелчку )) это на время теста только.
По факту буду вешать на onchange инпута. Как такого щелчка не будет. Поэтому нужно пройти к родительскому элементу
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / rowIndex возвращает -1 / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 457ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447026]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 173ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 207ms
total:  457ms
x
x
Закрыть


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