
Jak widać pierwsze "okno" jest ok. Kolejne już tworzy się jedno w drugim. Nie umiem tego poprawić. Znalazłem miejsce gdzie tworzy sie ten kod drugiego inputa i wyglada jakby to bylo tu
Kod
<span class="input-group-addon btn btn-default btn-file">
lecz może to tylko blad cssa
w warunku
var newIn = '<div class="fileinput fileinput-new input-group" data-provides="fileinput"><div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div><span class="input-group-addon btn btn-default btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span><input type="file" id="upload1" name="obraz1"></span><button id="b1" class="add-more-upload btn btn-success btn-xs pull-right " type="button">Dodaj obrazek</button></div>';
juz sam nie wiem prosze o porade co jest nie tak robione?
i takie dodatkowe pytanie, jesli robie upload ta metoda to lepiej zapisywac potem dodawane dane w name =nazwa1,nazwa2,nazwa3 ..itp czy w tablicy? ta druga opcja wydaje mi sie lepsza ale prosze o opinie
<label class="col-sm-3 control-label" >Zdjęcie wiele plikow?</label> <div class="controls col-sm-9"" id="profs"> <input type="hidden" name="count2" value="1" /> <div id="upload"> <div class="fileinput fileinput-new input-group" data-provides="fileinput"> <div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div> <span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span> </span> <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a> <button id="b1" class="add-more-upload btn btn-success btn-xs pull-right " type="button">Dodaj obrazek</button> </div> </div> </div>
/* dynamiczne upload */ $(document).ready(function(){ $( "#form" ).keypress(function(e) { if ( e.which == 13 ) { e.preventDefault(); } }); $(".add-more-upload").click(function(e){ e.preventDefault(); var newIn = '<div class="fileinput fileinput-new input-group" data-provides="fileinput"><div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div><span class="input-group-addon btn btn-default btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span><input type="file" id="upload1" name="obraz1"></span><button id="b1" class="add-more-upload btn btn-success btn-xs pull-right " type="button">Dodaj obrazek</button></div>'; var newInput = $(newIn); var removeBtn = '<button id="remove' + (next - 1) + '" class="remove-me-upload btn btn-danger btn-xs pull-right marg marg2 " >Usuń upka</button>'; var removeButton = $(removeBtn); $(addto).after(newInput); $(addRemove).after(removeButton); $('.remove-me-upload').click(function(e){ e.preventDefault(); var fieldNum = this.id.charAt(this.id.length-1); var fieldID = "#upload" + fieldNum; $(this).remove(); $(fieldID).remove(); }); }); });
$(addto).after(newInput);
wydaje mi sie ze blad jest na tym poziomie tylko zmiana na np appendTo nie pomaga pomzoe ktos z tym?