Forum PHP.pl

Witam mam taki formularz

[PHP] pobierz, plaintext 
	echo "<form name='userform' method='post' enctype='multipart/form-data' action='".FUSION_SELF."'>\n";
	echo "<table id='input_fields_wrap' cellpadding='0' cellspacing='0' class='center'>\n<tr>\n";
 
 
	echo "<td align='center' colspan='2' class='tbl'>\n";
	echo "<a href='#' id='add_field_button'>Dodaj kolejny pliki</a></td>\n";
	echo "</tr><tr>";
 
 
	echo "<td width='50' class='tbl'>Plik:</td>\n";
	echo "<td class='tbl'><input type='file' name='host_user[]' class='textbox' style='width:250px;' /></td>\n";
	echo "</tr>\n<tr>\n";
 
	echo "<td align='center' colspan='2' class='tbl'>\n";
	echo "<input type='submit' name='sendmessage' value='Dodaj' class='button' /></td>\n";
	echo "</tr>\n</table>\n</form>\n";
[PHP] pobierz, plaintext 

i chce w nim dodawać dynamicznie dodatkowe pola

I wszystko ładnie działa ale nie do końca bo dodaje mi nowe pole na końcu tabeli a nie po pierwszym TR

kod js

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
     var max_fields      = 10; //maximum input boxes allowed
     var wrapper         = $("#input_fields_wrap"); //Fields wrapper
     var add_button      = $("#add_field_button"); //Add button ID
 
     var x = 1; //initlal text box count
     $(add_button).click(function(e){ //on add input button click
         e.preventDefault();
         if(x < max_fields){ //max input box allowed
             x++; //text box increment
             $(wrapper).append('</tr><tr><td width="50" class="tbl">Plik:</td><td class="tbl"><input type="file" name="host_user[]" class="textbox" style="width:250px;" /><a href="#" class="remove_field">Remove</a></td>'); //add input box
         }
     });
 
     $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
         e.preventDefault(); $(this).parent('div').remove(); x--;
     })
});
[JAVASCRIPT] pobierz, plaintext 

Musisz znalezc pierwsze TR i zrobic insertAfter().
I jak tworzysz nowe TR to ma byc:
<tr>...</tr>
a nie jak teraz:
</tr><tr>....
gdzies to wynalazl?

Zrobiłem tak

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
$( "#add_field_button" ).click(function() {
 
$('<tr><td width="50" class="tbl">Plik:</td><td class="tbl"><input type="file" name="host_user[]" class="textbox" style="width:250px;" /><a href="#" class="remove_field">Remove</a></td></tr>').insertAfter($('#input_fields_wrap tr:first'));
 
});
 
 
});
[JAVASCRIPT] pobierz, plaintext 

Ale teraz dodaje nie po pierwszym tr ale przed a jak zrobić po (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif)

Ten post edytował arzach 8.01.2016, 17:43:25

Sprobuj tak
.insertAfter('#input_fields_wrap tr:first');

To samo wstawia przed pierwszym tr a nie za tr

Przez ten weekend chyba nie widze jakiegos banalnego bledu...
Jak mozesz wystaw to gdzies na zewnatrz

Sam już doszedłem co jest źle trzeba porostu dodać po drugim tr
Udało się zrobiłem tak

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
 
var x = 1;
 
$( "#add_field_button" ).click(function() {
if(x < 10){
$('<tr><td width="50" class="tbl">Plik:</td><td class="tbl"><input type="file" name="host_user[]" class="textbox" style="width:250px;" /><a href="#" class="remove_field">Remove</a></td>').insertAfter($('#input_fields_wrap tr').eq(1));
x++;
}
});
 
 
    $('#input_fields_wrap').on("click",".remove_field", function(){ //user click on remove text
 
        $(this).parent('tr').remove(); x--;
 
     })
 
 
 
 
});
[JAVASCRIPT] pobierz, plaintext 

Ale nie działa mi teraz usuwanie proszę o pomoc

Ten post edytował arzach 8.01.2016, 19:45:39