Удаление строк таблицы

[Robin]

Удаление строк таблицы

Здравствуйте уважаемые
Вот написал скрипт удаления строк с таблиц. Простенький пример:

<script type="text/javascript">
function deleterow(rowid){
   document.getElementById("bl").deleteRow(rowid);
}
</script>

<?php
   echo "<table id=\"bl\">";
   for ($i=0; $i<=10; $i++)
      echo "<tr><td>".$i.$i.$i.$i.$i.$i."</td><td><input type=\"button\" OnClick=\"deleterow('".$i."')\" value=\"del row #".$i."\"></td></tr>";
   echo "</table>";
?>

Но возникла проблемка данный код удаляет строку таблицы правильно только 1 раз, а потом смещается на количество удаленных строк

Подскажите пожалуйста как исправить это ) В Интернете нечего не смог подобного все скрипы сложные и половина не работающих

Заранее благодарен

 

[baev]

Заранее извиняюсь.
Возможно, я чего-то недопонял, но, по-моему, Вам сюда:
http://phpfaq.ru/na_tanke

 

[Robin]

мне кажется что это не то ))

 

[baev]

а мне кажется, что это — то

 

[kruglov]

У строки таблицы есть rowIndex
А элемент, родительский к данному - parentNode

 

[Robin]

Я изменяюсь за свою тупость но каким способом переделать пример который я предоставил чтобы он нормально работал ??

 

[rotoZOOM]

Как один из вариантов:

<script type="text/javascript">
function deleterow(obj){
    var     par

    obj=obj.parentNode.parentNode
    par=obj.parentNode
    par.removeChild (obj)
}
</script>

<?php
   echo "<table id=\"bl\">";
   for ($i=0; $i<=10; $i++)
      echo "<tr><td>".$i.$i.$i.$i.$i.$i."</td><td><input type=\"button\" onClick=\"deleterow(this)\" value=\"del row #".$i."\"></td></tr>";
   echo "</table>";
?>

 

[Robin]

спасибо еще вопросик вот на маленьком примере все работает гуд, а вот в том где я хочу применить данный способ он удаляет только ячейку в которой кнопка (( с чем это можут быть связанно??

 

[dimagolov]

Автор оригинала: Robin
с чем это можут быть связанно??

со структурой таблицы. в DOM inspector посмотри что из себя parentNode-ы представляют.

 

[rotoZOOM]

Robin немного обуниверсалим функцию deleterow

function deleterow(obj){
    var     par

    while (obj.tagName!="TR")obj=obj.parentNode;
    par=obj.parentNode
    par.removeChild (obj)
}

и вдогонку удобный online справочник по DOM вот он

 

[Robin]

спасибо ))