Witam mam pytanie jak usunąć wiersz o szukanym numerze w javascript ?

Question

Tak ja w temacie chciał bym  usuwać dowolny wiersz po kliknięciu w usuń
 

Kod w javascript

a tu wywołanie sądzę że zbędne ale wstawie

 

Comments

http://forum.pasja-informatyki.pl/regulamin-forum

Nie wstawiaj kodu jako screen, tylko w odpowiednio do tego przeznaczone bloczki.

Answer 1

Funkcję usun przerób w sposób, aby po skończonym dodaniu zwracała element, który siedzi w zmiennej button. Wówczas wywołując tę funkcję w tworzTabelę bierzesz sobie ten element i podpinasz do niego obsługę zdarzenia click -> wtedy wywołujesz metodę wiersz.remove() z obiektu, który przechodzi ze scope wyżej.

Answer 2

w tworzTabele() daj dodatkowo

wiersz.setAttribute("id", unikatowe_id);

a pod przycisk usuń podepnij

document.getElementById(unikatowe_id).remove();

Comments

taki błąd kolego pokazuje

---

id_tabeli.parentNode.removeChild(id_wiersza);

to na pewno działa - wyjęte z projektu

---

taki błąd dostaje

---

jak na dłoni, element, który chcesz usunąć nie jest "dzieckiem" elementu, który podajesz jako rodzica

p.s. screen ledwo widać musiałem przybliżyć, a i tak jest rozmazany

---

a jak stworzyć tego rodzica bo troche nie rozumiem tego ?

---

przez rodzica rozumiem uchwyt do tablicy, coś w stylu

var tablica = document.getElementById(id_tablicy);

wtedy z uchwytu 'tablica' możesz usuwać 'dzieci' tj. wiersze

---

id_tablicy masz na myśli tabelki nie ?

---

tak tak, faktycznie to co napisałem mogło być zinterpretowane dwojako, mam na myśli id tabeli

---

dobra zrobiłem tą tablice przeskakuje po elementach wiersza ale w dalszym ciągu nie wiem jak to usuwanie zrobić ?

---

mam wstawiam kod może komuś się przyda

---

działa ładnie teraz mam pytanie jak zrobić numerowanie od początku np usuwam wiersz i numeruje mi tak

---

dynamiczna numeracja wierszy czyt. za każdą zmianą idzie przepisanie indeksów

---

kurde próbuje tak robić ale dalej źle mi numeruje.

---

dobra mam ale wiesz może jak zamanipulować tablice w javascript żeby numerowała się od 1 a nie od zera ?

---

strzelam, że potrzeba Ci wydrukować numerację

podczas pisania daj indeks+1

---

a wiesz może w jaki sposób sprawdzić nazwe buttona ? aby w zależności od nazwy wykonywać różne czynności ?

---

@Patryk Rafał:

button.name

---

robiąc alerta dostaje undefined co jest grane ?

---

bo mam dwa przyciski i chce rozdzielić akcje dla nich i chce wykonywać instrukcje edycji i usuwania wiersza w tabeli sprawdzając nazwę przycisku

---

function usun()
{

  var nazwaButtona = document.createTextNode('usuń');
  var button = document.createElement('button');
  var komorka3 = document.createElement('td');

  button.appendChild(nazwaButtona);
  komorka3.appendChild(button);
  wiersz.appendChild(komorka3);
  tabelka.appendChild(wiersz);



  for(var i=0; i<tab.length; i++)
  {

      tab[i].onclick = function()
      {
          if(nazwaButtona.name == 'usuń') // chcę sprawdzić nazwę tego przycisku ale to nie działa
          {
            document.getElementById('tabelka').deleteRow(tab[i]);
          }

      }

  }



  var tButton = document.getElementsByTagName('button');

  for(var i=0; i<tButton.length; i++)
  {
    tButton[i].className = 'po';
  }


}

 

---

Sprawdź co jest pod tym przyciskiem console.log(nazwaButtona) czy on w ogóle ma atrybut name? Może miałeś na myśli coś innego mówiąc "nazwa"?

Blah...

  var nazwaButtona = document.createTextNode('usuń');

Co to jest? Jeśli chcesz nadać atrybut name, to zapisz button.name = 'usuń';

button.appendChild(nazwaButtona);

Tego nie trzeba. Metoda element.appendChild() dodaje element HTML (jako dziecko) do innego elementu HTML (rodzica). Atrybutów się w ten sposób nie dodaje.

Inna rzecz:

  for(var i=0; i<tab.length; i++)
  {
       tab[i].onclick = function()
      {
          if(nazwaButtona.name == 'usuń') // chcę sprawdzić nazwę tego przycisku ale to nie działa
          {
            document.getElementById('tabelka').deleteRow(tab[i]);
          } 
      } 
  }

Tworząc w ten sposób onclick (w pętli) powodujesz, że w momencie gdy rzeczywiście na niego będziesz klikał, to i będzie miało ostatnią wartość iteratora z pętli for - poczytaj o closures http://benalman.com/news/2010/11/immediately-invoked-function-expression/ (akapit "Saving state with closures").

Dlatego zapisz pętle w ten sposób:

for(var i=0; i<tab.length; i++)
  {
      (function ( index )
      {
         tab[i].onclick = function()
         {
               if(button.name === 'usuń') // od razu poprawiony IF - jeśli o to Ci chodziło
               {
                   document.getElementById('tabelka').deleteRow(tab[ index ]);
               } 
         } 
     } ( i ) );
  }

---

Sprawdziłem kolego i jak kliknę nawet na inny przycisk do przypisuje mi nazwe pierwszego przycisku. Już wyjaśniam o co mi chodzi np, klikam sobie na przycisk usuń i pokazuje dobrze, ale jak klikam przycisk edycja to także przypisuje mi nazwę usuń zamiast edycja.

 

function usun()
{

  var nazwaButtona = document.createTextNode('usuń');
  var button = document.createElement('button');
  var komorka3 = document.createElement('td');
  var edycja = document.createElement('button');
  var nameE = document.createTextNode('edycja');
  var komorka4 = document.createElement('td');


  button.appendChild(nazwaButtona);

  komorka3.appendChild(button);
  wiersz.appendChild(komorka3);
  edycja.appendChild(nameE);
  komorka4.appendChild(edycja);
  wiersz.appendChild(komorka4);
  tabelka.appendChild(wiersz);

  button.name = 'usuń';
  edycja.name = 'edycja';

  var t = document.getElementById('usuń');

  for(var i=0; i<tab.length; i++)
  {

      tab[i].onclick = function()
      {
            numeracja();
            console.log(nazwaButtona);
      }

  }



  var tButton = document.getElementsByTagName('button');

  for(var i=0; i<tButton.length; i++)
  {
    tButton[i].className = 'po';
  }


}