Удаление строки таблицы с помощью JS

20

liex

4 августа 2009, 08:30

11365

Прошу совета в следующем вопросе...

есть таблица


<table>

<tr>

<td>id1</td>

<td>broke122</td>

<td>Удалить</td>

</tr>

<tr>

<td>id2</td>

<td>broke233</td>

<td>Удалить</td>

</tr>

</table>

Последний столбец в каждой сроке должен содержать ссылку, при нажатии на которую, данная строка должна удаляться из таблицы, но таким образом, чтобы была возможность с помощью AJAX передать GET-запрос $.get("test.php?act=del&id={i}"); на удаление этих данных из таблицы...

Т.е. по большому счету необходимо удаление данных из таблицы и из базы без перегрузки страницы....

Вакансия "Оптимизатора". З/П от 50000 рублей (http://www.superjob.ru/)

[Удален]

4 августа 2009, 08:36

#1

и в чем вопрос то?

в jQuery полюбас есть метод для удаления объекта

L

20

liex

4 августа 2009, 08:40

#2

и в чем вопрос то?

узнать что за метод...

документацию прошерстил...

я, так понимаю, что нужно все строки для начала как-то вывести по особому, с каким-нибудь tr id или что-то в этом роде...а вот потом, стопорюсь

Вывод в Челябинвестбанк Яндекс кобласит best-hoster.ru более месяца нельзя

293

Brand from Amber

4 августа 2009, 09:27

#3


<table>

<tr>

<td id="tr11">id1</td>

<td id="tr12">broke122</td>

<td id="tr13"><a href="javascript:void(0)" onClick="javascript:hide('tr1',3)">Удалить</td>

</tr>



<tr>

<td id="tr21">id2</td>

<td id="tr22">broke233</td>

<td id="tr23"><a href="javascript:void(0)" onClick="javascript:hide('tr2',3)">Удалить</td>

</tr>

</table>



<script>

function hide(elmnt,kol)

{

for (i = 1; i < kol+1; i++){

nameid=elmnt+i;

document.getElementById(nameid).style.display = 'none';

}

}

</script>

Лучший способ понять что-то самому - объяснить это другому.

314

T.R.O.N

4 августа 2009, 09:47

#4

neolord:
в jQuery полюбас есть метод для удаления объекта

накой нуна такая кака???? Это делается очень просто примитивными командами....

тип как сказал Brand from Amber, только id делается у строки <tr id='qq'> и в JS гасится вся строка document.getElementById(nameid).style.display = 'none';

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)

184

Prior

4 августа 2009, 09:53

#5

ТС, вам надо просто удалить ячейку у таблицы в вёрстке или удалить запись из базы данных?

В первом случае - JavaScript, во втором - Ajax

Ответы на вопрос - https://answers.net.pl

293

Brand from Amber

4 августа 2009, 09:54

#6

...а, ну да ))) +1 за "тр айди куку".

P.S. Мой пример, скорее, применим в случае необходимости удаления столбцов из таблицы.

Brand from Amber добавил 04.08.2009 в 13:55

Prior:
В первом случае - JavaScript, во втором - Ajax

А Ajax разве не JavaScript ? ;-)

Яндекс сообщил о скором Новая модель монетизации для Бухгалтерия ИП

314

T.R.O.N

4 августа 2009, 10:00

#7

Brand from Amber:
А Ajax разве не JavaScript ? ;-)

OFF по сути... нет. AJAX - технология, вернее концепция использования нескольких технологий. JS - всетаки, скриптовый язык программирования

25

JTRTA

4 августа 2009, 10:34

#8

liex:

$.get("test.php?act=del&id={i}");

Судя по этому jquery используется? Если да, то все просто:


<html>

    <head>

        <title></title>

        <script src="jquery-1.3.2.min.js" type="text/javascript"></script> 

        <script type="text/javascript">

            $(document).ready(function() {

                $('.deleteBut').click(function() {

                    ts = $(this).parent('td').parent('tr');

                    if(ts.size()>0) {

                        id = ts.children().html();

                        alert(id);

                        ts.remove();

                    }

                });

                

            })

            

        </script>

    </head>



    <body>

        <table>

            <tr>

                <td>id1</td>

                <td>broke122</td>

                <td><button class="deleteBut">DELETE</button></td>

            </tr>

            <tr>

                <td>id2</td>

                <td>broke233</td>

                <td><button class="deleteBut">DELETE</button></td>

            </tr>

        </table>

    </body>

</html>

Дизайн /ru/forum/493415 (/ru/forum/493415) Верстка от 15$ /ru/forum/509339 (/ru/forum/509339) Сайты под ключ aiogino.studio@gmail.com icq: 460146806

184

Prior

4 августа 2009, 11:24

#9

Brand from Amber:
А Ajax разве не JavaScript ? ;-)

Да, само-собой JavaScript)) Я имел ввиду без обращения к серверу. Да и вообще технологию асинхронного JavaScript обычно выделяют из общего JavaScript'а.

P.S. T.R.O.N опередил уже.

L

20

liex

4 августа 2009, 11:50

#10

уу...я так быстро не "вкуриваю"...

сейчас почитаю и отпишусь :)

liex добавил 04.08.2009 в 15:52

ТС, вам надо просто удалить ячейку у таблицы в вёрстке или удалить запись из базы данных?

мне нужно одновременно сделать и то, и то.

Яндекс Вебмастер вынес товарные фиды в отдельный раздел

Все что нужно знать о DDоS-атаках грамотному менеджеру