Forum PHP.pl

Witam, mam tabelkę:

[PHP] pobierz, plaintext 
    echo '<td>
          <form method="POST" id="form" name="kod" action="">
          <div class="loader"></div>
          <input type="hidden" name="id" value='.$r[id].'></input>
          <input type="text" name="kod" title="Kod" value='.$r[kod].' ></input>
          <button type="submit" id="submit" value=Zatwierdź><img src=img/ikony/Save.png title=Zapisz! style=width:15px;height:15px;border:0px; /></button>
          </form></td>';
 
[PHP] pobierz, plaintext 

i do tego skrypt:

[HTML] pobierz, plaintext 
	    <script type="text/javascript">
	    $(document).ready(function() {
                $('#submit').click(function() {
 
                    $.ajax({
 
                        type: "POST",
 
                        url: "zapisz.php",
 
                        data: $("#form").serialize(),
 
                        beforeSend: function() {
 
                            $('.loader').html('<img src="ajax-loader.gif" />').show();
 
                        },
 
                        dataType: "html",
 
                        success: function(result) {
 
                            $("#error_message").html(result);
 
                            $('.loader').html('<img src="ajax-loader.gif" />').hide();
                        },
                        error: function(xhr, ajaxOptions, thrownError) {
 
                            alert(xhr.status);
 
                            alert(thrownError);
 
                            alert(ajaxOptions);
 
                            $('.loader').html('<img src="ajax-loader.gif" />').hide();
                        }
                    });
                    return false;
                });
 
            });
 
	</script>
 
[HTML] pobierz, plaintext 

w każdym rekordzie mam inputa do wpisania oraz przycisk zapisz, chcę zapisywać bez przeładowywania strony, zapisuje poprawnie, ale wyłącznie pierwszy rekord, co mam skopane? Dziękuję za odpowiedź

Ten post edytował krzesik 5.07.2016, 12:08:11

Zawsze serializujesz tylko pierwszego forma wiec tylko on sie zapisuje. Dosc logiczne

W jaki sposób to naprawić?

data: $("#form'.$r[id].'").serialize(), ?

zakladam ze masz wiele formow.
Jesli tak to nie nadawaj im takiego samego ID. Poprostu po kliknieciu submit znajdz TD do jakiego nalezy to submit ($(this).parents("td:first")) a potem znajdz form lezacy w tym TD

$(this).parents("td:first").find("form").serialize();

Dziękuję za starania, ale AJAX-a dopiero się uczę i nie wiem jak to zastosować co mi zapisałeś :-(

Podalem ci PELEN GOTOWY kod...

zamiast
data: $("#form").serialize(),

masz dac

data:$(this).parents("td:first").find("form").serialize(),

tak też się domyśliłem, ale po zmianie dalej mi zapisywało wyłącznie pierwszy rekord, więc myślałem że coś znów skopałem. co może być jeszcze nie tak?

Dziękuję, pomogło! I jeszcze jedno pytanie, jak spowodować że po zapisie "wypozycjonuje" mi się rekord na górze strony?

Ten post edytował krzesik 5.07.2016, 13:09:09

Tak wiec zapamietaj jedna podstawowa rzecz a w zasadzie dwie:
1) Problem co tu miales nie ma zadnego zwiazku z AJAX
2) $("#cos") szuka elementu o ID cos i zwraca tylko pierwszy napotkany element. ID to ID i ma byc unikalne a nie 1000 elementow ma to samo ID. Jak masz wiec wiele elementow robiacych to samo to nadawaj im klasy i operuj na klasach

więc jeśli miałem ID (unikalny) dla każdego rekordu tabeli

[PHP] pobierz, plaintext 
<input type="hidden" name="id" value='.$r[id].'></input>
[PHP] pobierz, plaintext 

to mógłbym to zrobić tak:?

[HTML] pobierz, plaintext 
.....................
<form method="POST" id="form'.$r[id].'" name="kod" action="">
.....................
 
data: $("#form'.$r[id].'").serialize(),
[HTML] pobierz, plaintext 

Rozumiem teraz, napiszę raz jeszcze:
I jeszcze jedno pytanie, jak spowodować że po zapisie "wypozycjonuje" mi się rekord na górze strony?

A teraz to pomyliles fora. Wrozki pietro wyzej (IMG:style_emoticons/default/tongue.gif)

A skad ja mam wiedziec co ty masz na gorze strony i co i gdzie ma ci sie "wypozycjonowac".

Zrobisz to np. http://api.jquery.com/insertbefore/
Natomiast success, error są od jquery 3 przestarzałe. Zamień na done i fail jeśli nie chcesz mieć problemów.

chodziło mi o to, że jeśli zapisuję np 65 rekord czyli gdzieś po środku tabeli, po zapisie ten rekord "ustawi się " przy górnej krewędzi okna