mam poniższy kod tabeli:
..... echo '<th> <form name="pozycje" id="pozycje" action="drukuj.php" target="_blank" method="post"> <input type="image" style="width: 22px; height: 22px" src="img/ikony/printer.png" alt="Drukuj zaznaczone" title="Drukuj zaznaczone" /></th>'; $k = $from; { $k++; echo '<td> <form method="POST" id="form" action=""> <input type="hidden" name="id_o" value='.$r[id_o].'></input> <input type="hidden" name="a" value="zawies_on"></input> <button type="submit" class="submit" id="submit" value=Zatwierdź><img src=img/ikony/ok.png title=\"Zablokuj\" style=width:15px;height:15px;border:5px; /></button> </form> echo '<td>'; echo '<input type="checkbox" name="drukuj[]" value="'.$r[id_o].'" onclick="all=deaktywacja();pokaz();return all;"/></input>'; echo '</td>'; echo '</tr>'; } echo "</form></table>";
<script type="text/javascript"> $(document).ready(function() { $('.submit').click(function() { $.ajax({ type: "POST", url: "Ajax-Save.php", data:$(this).parents("td:first").find("form").serialize(), beforeSend: function() { $('.loader').html('<img src="ajax-loader.gif" />').show(); }, dataType: "html", done: function(result) { $("#error_message").html(result); $('.loader').html('<img src="ajax-loader.gif" />').hide(); }, fail: function(xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); alert(ajaxOptions); $('.loader').html('<img src="ajax-loader.gif" />').hide(); }, success: function() { location.reload(); } }); return false; }); }); </script>
chcę dodać aby zmiany w BD realizowane były przez AJAX gdy dodałem forma <b>id="form"</b> i zamykam forma to dochodzi do zapisu ale przestaje działać drukowanie z checkboxów i nie zapisuje pierwszego rekordu kolejne OK, jeśli nie zamknę tego forma to się drukuje z checkboxów ale nie zapisuje..... Raczej nie powinno się zagnieżdżać formów ale jak to zrobić inaczej?