Цитата:
Во-первых это name="ustav-docs1", name="ustav-docs2" уже плохо для сервера, ибо такие имена обрабатывать, это костыль. А удалять удобнее "любой из", а не только последний добавленный. |
laimas,
согласен. |
Цитата:
ИНПУТ ФАЙЛ //при добавлении файла появляется корзина для очистки// [добавить поле][удалить поле] Если поля добавлены, то выглядит это так ИНПУТ ФАЙЛ //при добавлении файла появляется корзина для очистки// ИНПУТ ФАЙЛ //при добавлении файла появляется корзина для очистки// ИНПУТ ФАЙЛ //при добавлении файла появляется корзина для очистки// ИНПУТ ФАЙЛ //при добавлении файла появляется корзина для очистки// [добавить поле][удалить поле] Соответсвенно здесь предусмотрено именно удаление последнего поля. |
Цитата:
|
Цитата:
У вас список файлов и для них вам так нужна строгая последовательность от 1 до N? Какая разница как они будут загружены в последовательности если это всего лишь список документов. А значит ваша нумерация всего лишь усложнение кода на клиенте и на сервере, более она ничего не дает. Список, это name="file[]", и на клиенте не требуется счетчика, а просто клонирование элемента, с очисткой его значения. И север получить под ключом file массив файлов. А пользователю же в случае одной кнопки удаления, удаляющей последнее, выбранный ошибочно файл, который он заметит только после последующего выбора, удалить не получится. Это по вашему удобно? Собственно дизайн не есть Закон, с адекватным заказчиком можно всегда договориться если он понимает, что заложенное страдает неудобством. |
Цитата:
|
Можно из этого скрипта убрать функционал кнопки ДОБАВИТЬ ПОЛЕ.
Он прописан в другом скрипте, поэтому скорее всего 2 и добавляются |
Там такой скрипт используется
<script> $('.input_file_hold').each(function () { var hold = $(this); var file = hold.find('.inputfile'); var text = hold.find('.input_file_add'); file.on("change", function (inpfil) { var files = file[0].files; $(this).parent().parent().addClass('file_selected'); if (files.length > 1) { text.text("Файлов добавлено: " + files.length); text.prepend('<img src="./images/screpka_green.png" alt="">'); text.parent().parent().append('<div class="button_close"><img src="./images/del_ico.png" alt=""></div>'); var close = text.parent().parent().find('.button_close'); close.on("click", function (inpfilclose) { file.val(''); text.text('Выбрать файл'); text.prepend('<img src="./images/screpka_red.png" alt="">'); $(this).parent().removeClass('file_selected'); $(this).remove('.button_close'); }); } else { var filename = inpfil.target.value.split("\\").pop(); text.text(filename); text.prepend('<img src="./images/screpka_green.png" alt="">'); text.parent().parent().append('<div class="button_close"><img src="./images/del_ico.png" alt=""></div>'); var close = text.parent().parent().find('.button_close'); close.on("click", function (inpfilclose) { file.val(''); text.text('Выбрать файл'); text.prepend('<img src="./images/screpka_red.png" alt="">'); $(this).parent().removeClass('file_selected'); $(this).remove('.button_close'); }); } }); }); </script> И еще такой <script type="text/javascript"> function addField () { var telnum = parseInt($('#add_field_area').find('div.add:last').attr('id').slice(3))+1; $('div#add_field_area').append('<div id="add'+telnum+'" class="add"><div class="input_file_hold"><label class="input_file_label btn btn_upload_file"><input type="file" name="ustav-docs'+telnum+'" id="ustav-docs" class="inputfile outtaHere" onblur="writeFieldsVlues();" multiple="multiple"/><div class="input_file_add"><img src="./images/screpka_red.png" alt="">Выбрать файл</div></label></div></div>'); var file = $('#add'+telnum).find('.inputfile'); var text = $('#add'+telnum).find('.input_file_add'); file.on("change", function (inpfil) { var files = file[0].files; $(this).parent().parent().addClass('file_selected'); if (files.length > 1) { text.text("Файлов добавлено: " + files.length); text.prepend('<img src="./images/screpka_green.png" alt="">'); text.parent().parent().append('<div class="button_close"><img src="./images/del_ico.png" alt=""></div>'); var close = text.parent().parent().find('.button_close'); close.on("click", function (inpfilclose) { file.val(''); text.text('Выбрать файл'); text.prepend('<img src="./images/screpka_red.png" alt="">'); $(this).parent().removeClass('file_selected'); $(this).remove('.button_close'); }); } else { var filename = inpfil.target.value.split("\\").pop(); text.text(filename); text.prepend('<img src="./images/screpka_green.png" alt="">'); text.parent().parent().append('<div class="button_close"><img src="./images/del_ico.png" alt=""></div>'); var close = text.parent().parent().find('.button_close'); close.on("click", function (inpfilclose) { file.val(''); text.text('Выбрать файл'); text.prepend('<img src="./images/screpka_red.png" alt="">'); $(this).parent().removeClass('file_selected'); $(this).remove('.button_close'); }); } }); } function deleteField (id) { $('div#add'+id).remove(); writeFieldsVlues(); } function deleteLastField () { var id = parseInt($('#add_field_area').find('div.add:last').attr('id').slice(3)); if(id > 1){ $('div#add'+id).remove(); } writeFieldsVlues(); } function writeFieldsVlues () { var str = []; var tel = ''; for(var i = 0; i<$("input#ustav-docs").length; i++) { tel = $($("input#ustav-docs")[i]).val(); if (tel !== '') { str.push($($("input#ustav-docs")[i]).val()); } } $("input#values").val(str.join("|")); } </script> |
Вообще конечно жесть получается. У меня 4 инпута разных.
ustav-docs buh-docs nalog-docs garant-docs Получается все эти скрипты нужно 4 раза повторить)) |
Цитата:
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 23:01. |