Цитата:
Во-первых это 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, время: 19:33. |