Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Курсор по динамической странице (https://javascript.ru/forum/misc/20632-kursor-po-dinamicheskojj-stranice.html)

pavel24071988 11.08.2011 21:18

Курсор по динамической странице
 
Здравствуйте!
В javascript не сильно силен, нужен вообщем совет

Есть страница Ajax, при нажатии на кнопку (запрос) на страницу выгружается таблица (кол-во строк генериться в зависимости от результата запроса) В таблице есть столбцы: id, name, summ,.... Как можно сделать, что бы при наведении или при нажатии на определенную строку я бы получил name(запись в строке)?
Данные в таблицу загружаются из XML строки

Вот собственно код (упрощенный :) у меня также формируется таблица)
<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>
<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 запроса

Очень нужна помощь зала !!!!

devote 12.08.2011 06:03

trs[j].onmouseover=function(){this.style.backgroundColor = selColor;return false;}; 
trs[j].onmouseout=function(){this.style.backgroundColor = normColor;return false;};


Часовой пояс GMT +3, время: 12:13.