PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Больше часа бьюсь:

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Куда делось свойство ячейки?

Поиск в теме | Версия для печати

ПТО	Отправлено: 28 Ноября, 2013 - 14:43:07
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Больше часа бьюсь: CODE (javascript): скопировать код в буфер обмена node.innerHTML = '<table><thead><tr></tr></thead></table>'; var tds = [ {'num': 1}, {'num': 2}, {'num': 3}, {'num': 4} ]; for (var i = 0; i < tds.length; i++) { var td = document.createElement('td'); td.num = tds[i].num; td.className = 'miniTab'; node.getElementsByTagName('table')[0].getElementsByTagName('thead')[0].getElementsByTagName('tr')[0].appendChild(td); } node.onclick = function(event) { event = event \|\| window.event; var clickedElem = event.target \|\| event.srcElement; if (hasClass(clickedElem, 'miniTab')) { chooseMiniTab(clickedElem); } function chooseMiniTab(td) { console.log(td.num); } Пишет undefined Куда делось свойство td.num?

esterio	Отправлено: 28 Ноября, 2013 - 15:03:12
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	1. аттрибут num не по спецификации. 2. setAttribute, getAttribute, hasAttribute В обшем реализация не грамотная. Также советую испльзовать аттрибуты data-* для сохранения пользвательсбкых данных

ПТО	Отправлено: 28 Ноября, 2013 - 15:19:50
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Для <div> можно указывать любые свойства: div.myValue, к примеру. У <tr> также можно назначить любое свойство. У <td> есть ограничения?

nerv	Отправлено: 28 Ноября, 2013 - 16:37:32
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	esterio пишет: 1. аттрибут num не по спецификации. а где ты видишь атрибут? Я вижу свойство. http://learn.javascript.ru/attributes-and-custom-properties (Отредактировано автором: 28 Ноября, 2013 - 16:39:05) ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

dXdYdZ	Отправлено: 28 Ноября, 2013 - 21:32:33
Посетитель Покинул форум Сообщений всего: 271 Дата рег-ции: Нояб. 2013 Помог: 11 раз(а)	Вот так работает (Проверял в FF и Chrome): CODE (html): скопировать код в буфер обмена <html> <head> <style> table {width:100px;height:100px;border:1px solid red;} table td {background-color:gray;width:20px;height:20px;} </style> <script> function load() { var node=document.getElementById("node"); node.innerHTML = '<table><thead><tr></tr></thead></table>'; var tds = [ {'num': 1}, {'num': 2}, {'num': 3}, {'num': 4} ]; for (var i = 0; i < tds.length; i++) { var td = document.createElement('td'); td.num = tds[i].num; td.className = 'miniTab'; node.getElementsByTagName('table')[0].getElementsByTagName('thead')[0].getElementsByTagName('tr')[0].appendChild(td); } node.onclick = function(event) { event = event \|\| window.event; var clickedElem = event.target \|\| event.srcElement; if (clickedElem.className=='miniTab') { chooseMiniTab(clickedElem); } } } function chooseMiniTab(td) { alert(td.num); } window.onload=load; </script> </head> <body> <div id='node'>11111111111111</div> </body> </html> (Отредактировано автором: 28 Ноября, 2013 - 21:38:05)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.