Здравствуйте! В javascript не сильно силен, нужен вообщем совет Есть страница Ajax, при нажатии на кнопку (запрос) на страницу выгружается таблица (кол-во строк генериться в зависимости от результата запроса) В таблице есть столбцы: id, name, summ,.... Как можно сделать, что бы при наведении или при нажатии на определенную строку я бы получил name(запись в строке)? Данные в таблицу загружаются из XML строки Вот собственно код (упрощенный у меня также формируется таблица) HTML: <html> <head> <script language='javascript'> function addRow(a,b,c) { for (i=0; i<10; i++){ var r = document.createElement('tr'); var ca = document.createElement('td'); var cb = document.createElement('td'); var cc = document.createElement('td'); var ta = document.createTextNode(a); var tb = document.createTextNode(b); var tc = document.createTextNode(c); var t = document.getElementById('test'); ca.appendChild(ta); cb.appendChild(tb); cc.appendChild(tc); r.appendChild(ca); r.appendChild(cb); r.appendChild(cc); t.tBodies(0).appendChild(r); } } </script> </head> <body> <form> Column A: <input type=text name=a> <br>Column B: <input type=text name=b> Column C: <input type=text name=c> <br><input type=button value='Запрос' onClick='javascript:addRow(a.value, b.value, c.value)'> </form> <table id="test" align=left > <tr><td>id</td><td>name</td><td>summ</td></tr> </table> </body> </html> Для хождения по строкам пытаюсь использовать функцию Вот собственно код с функцией HTML: <html> <head> <script language='javascript'> function trsetcolor(tableID, selColor, normColor){ table = document.getElementById(tableID); var trs=table.getElementsByTagName('tr'); for(var j=0;j<trs.length;j++){ trs[j].onmouseover=function(){this.bgColor = selColor;return false;}; trs[j].onmouseout=function(){this.bgColor = normColor;return false;}; } } function addRow(a,b,c) { for (i=0; i<10; i++){ var r = document.createElement('tr'); var ca = document.createElement('td'); var cb = document.createElement('td'); var cc = document.createElement('td'); var ta = document.createTextNode(a); var tb = document.createTextNode(b); var tc = document.createTextNode(c); var t = document.getElementById('test'); ca.appendChild(ta); cb.appendChild(tb); cc.appendChild(tc); r.appendChild(ca); r.appendChild(cb); r.appendChild(cc); t.tBodies(0).appendChild(r); } } </script> </head> <body onload="trsetcolor('test', '#66ff99', '#ffffff');"> <form> Column A: <input type=text name=a> <br>Column B: <input type=text name=b> Column C: <input type=text name=c> <br><input type=button value='Запрос' onClick='javascript:addRow(a.value, b.value, c.value)'> </form> <table id="test" align=left > <tr><td>id</td><td>name</td><td>summ</td></tr> </table> </body> </html> СФОРМИРОВАННЫЕ СТРОКИ НЕ ПОДСВЕЧИВАЮТСЯ, что не так-то? А еще нужно и вытягивать значения сроки(ячейки) для переменой последующего AJAX запроса Очень нужна помощь зала !!!!
Вместо this.bgColor используйте this.style.backgroundColor, это раз. Значение ячейки находится в свойстве this.innerHTML или this.innerText