• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Edycja rekordu jQuery

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
530 wizyt
pytanie zadane 2 sierpnia 2016 w JavaScript przez Patryk Rafał Bywalec (2,700 p.)
otwarte ponownie 6 sierpnia 2016 przez Patryk Rafał

Dobra edycja już prawie działa tylko mam problem ponieważ wymyśliłem to sobie tak że po kliknięciu w pole edycji pod spodem wyświetla mi się nowy wiersz taki pomocniczy w którym wprowadzam sobie dane do zmiany np.

ale jak utworze 2 wiersz i kliknę edycje to wyświetla mi się to tak 

zamieszczam kod w jQery

var i = 1;
var imie;
  $(document).ready(function()
  {


    $("#dodaj").click(function()
    {
      imie = $("#imie").val();
      var wiersz = ("<tr class='wiersz'><td class='first'></td><td class='wImie'>" + imie + "</td><td><button class='usun'>Usuń</button></td><td><button class='edytuj'>Edycja</button></td></tr>");

      $("#tB").append(wiersz);

      $(".first").each(function(i)
      {
        $(this).text(i+1);
      });

      $("#tB").on("click",".usun",function()
      {
        $(this).parent().parent().remove();

        $(".first").each(function(i)
        {
          $(this).text(i+1);
        });

      });

      $("#tB").on("click",".edytuj",function()
      {

        var wiersz = $("<tr><td></td><td><input type='text' placeholder='Podaj imię' id='wImie'/></td><td><button class='zapis'>Zapisz </button></td><td><button class='anuluj'>Anuluj</button></td></tr>");
        $(this).closest('tr').after(wiersz);

      });

    $("#tB").on("click",".anuluj",function(){
      $(this).parent().parent().remove();
    });

    $("#tB").on("click",".zapis",function(){


      var noweImie = $("#wImie").val();
      var nowe = imie.replace(imie,noweImie);
      $(".wImie").text(nowe);
      $(this).parent().parent().remove();



    });

    });



  });

a tu w jsbin.com

https://jsbin.com/seleqineri/1/edit?html,css,js,output

2 odpowiedzi

0 głosów
odpowiedź 2 sierpnia 2016 przez uRTLy Bywalec (2,420 p.)
jQuery zakłada że jak klikniesz przycisk edycja to klikasz też całą komórkę a ona ma klase usun tak jak ten przycisk, ty masz ustawiony event na wszystkie elementy o klasie usun, Wklej mi cały kod z htmlem na www.jsbin.com to się pobawię bo mogę się mylić .
komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał
kolego ja sobie tworze buttony w jquery i poźniej robie z akcje na nich
komentarz 5 sierpnia 2016 przez xmentor Nałogowiec (49,520 p.)
Nie czytasz no i nie rozumiesz :)
komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał
Dobra dzięki za taką pomoc jak masz z łaski pomagać to lepiej daruj sobie.
komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał
Czy wie ktoś może jak inaczej dostać się do aktualnego wiersza po kliknięciu bez użycia klasy ?
komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał

dobra edycje zrobiłem anuluj też działa jak i zapis jednak jest problem bo np gdy utworze np 3 wiersze w tabeli i kliknę 3 wiersz to tworzą mi się 3 wiersze do edycji, aby lepiej to zobrazować pokaże na przykładzie.

chodzi o to że klikam w pierwszą komórkę i wyświetla mi dobrze pole do wprowadzania
klikam 2 komórkę tworzą mi się 2 wiersze itd...

a tu zamieszczam kod może ktoś naprowadzi...

https://jsbin.com/seleqineri/1/edit?html,css,js,output

0 głosów
odpowiedź 6 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
Pomoże ktoś ?

Podobne pytania

0 głosów
1 odpowiedź 3,751 wizyt
+1 głos
0 odpowiedzi 222 wizyt
0 głosów
1 odpowiedź 828 wizyt

93,087 zapytań

142,044 odpowiedzi

321,467 komentarzy

62,435 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...