<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/validate/demo/css/screen.css" /> </head> <body> <script type="text/javascript"> $(document).ready(function(){ // tworzymy zmienną i, wykorzystamy ją do identyfikowania wierszy // ustawiamy jej wartość 2, ponieważ jeden wiersz jest już w tabeli var i = 2; // tworzymy zmienną szablonWiersza i wczytujemy do niej szablon z textarea #szablon var szablonWiersza = jQuery.format($("#szablon").val()); // tworzymy funkcję, która dodaje szablon do właściwej tabeli function dodajWiersz() { var ii = i++; // dodajemy wiersz do właściwej tabeli $("#listaOsob tbody").append(szablonWiersza(ii)); // Nowy wiersz jest już widoczny. // Każdy element nowego wiersza posiada swoje id // tr na id: wiersz_2, ikona minus ma id: usunOsobe_2 // Do nowo dodanej ikony - dodajmy zdarzenie. // W momencie kliknięcia minusa, wiersz zostanie usunięty. $("#usunOsobe_" + ii).click(function(){ $("#wiersz_" + ii).remove(); }); } // do przycisku #dodajOsobe dodajemy zdarzenie, // kliknięcie na przycisk plus wywoła fukcję dodajWiersz $("#dodajOsobe").click(dodajWiersz); }); </script> <!-- Szablon wiersza w tabeli --> <textarea id="szablon" style="display:none;" cols="1" rows="1"> <tr id="wiersz_{0}"> </tr> </textarea> <!-- Właściwa tabela --> <form id="myForm" action="parser.php" method="post"> <table id="listaOsob"> <thead> <tr> </tr> </thead> <tfoot> <tr> <th colspan="4"> <input type="submit" name="wyslij" value="Wyślij"> </th> </tr> </tfoot> <tbody> <tr> </tr> </tbody> </table> </form> </body> </html>
Potrzebowałbym, zrobić sprawdzanie dla nowych pól a raczej wyszukiwanie dynamiczne w danym polu dla loginu, nie wiem jak to zrobić, żeby skrypt mi po prostu nie nadpisywał szukania..
Skrypt szukania:
http://www.w3schools.com/php/php_ajax_livesearch.asp