Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Форма по добавлению разделов
 
 автор: saider   (16.08.2010 в 16:13)   письмо автору
 
 

Подскажите пожалуйста, как можно сделать так, когда добавляешь HTML форму на JavaScript для добавления файлов, то она номерует каждую форму по порядку, но как только удалишь для примера третью форму и добавишь новую, то порядок сбивается, как исправить такую проблему? впрочем запустите эту форму у себя на компьютере и сами все поймете!
Заранее спасибо

<form enctype="multipart/form-data" target="fileuploadhidden" onsubmit="document.getElementById('image').style.display='block'; return true;" action="upload.php?admin=loading_image" method="POST">
Загрузка изображений:
<input type="hidden" name="col_img" id="col_img" value="1">
<div id="colName"><input type="file" name="imgfile_1"></div>
<input type="submit" name="submit" value="Загрузить">
</form>
<a onclick="return addField()" href="#">Добавить поля</a> 

<div id="image" style="display:none"><img src="load.gif"></div>

<iframe name="fileuploadhidden" id="fileuploadhidden" style="display: none;"></iframe>

<script type="text/javascript">
var countOfFields = 1; // Текущее число полей
var maxFieldLimit = 5; // Максимальное число возможных полей
 
function deleteField(id) {
var delName = document.getElementById("name" + id);
var name_input = document.getElementById('col_img');
delName.parentNode.removeChild(delName);
name_input.value = countOfFields - 1;
countOfFields--;
return false;
}

function addField() {
    if (countOfFields >= maxFieldLimit) {
        alert("Число полей достигло своего максимума = " + maxFieldLimit);
        return false;
    }
countOfFields++;

var name = document.createElement("div");
var name_input = document.getElementById('col_img');



name.setAttribute("id" , "name" + countOfFields);

name.innerHTML = countOfFields + "<input type=\"file\" name=\"imgfile_" + countOfFields + "\"> <a onclick=\"return deleteField(" + countOfFields + ")\" href=\"#\">Удалить</a>";


name_input.value=countOfFields;
document.getElementById("colName").appendChild(name);
return false;



</script>

  Ответить  
 
 автор: sim5   (16.08.2010 в 16:17)   письмо автору
 
   для: saider   (16.08.2010 в 16:13)
 

<input type="file" name="imgfile[]">

  Ответить  
 
 автор: SaIdEr   (16.08.2010 в 16:25)   письмо автору
 
   для: sim5   (16.08.2010 в 16:17)
 

Чтото не понял твоего ответа? если ты на счет квадратных ковычек, в форме name, то это не поможет

  Ответить  
 
 автор: sim5   (16.08.2010 в 16:30)   письмо автору
 
   для: SaIdEr   (16.08.2010 в 16:25)
 

Именуйте элементы как массив, и на сервере тоже легче обрабатывать будет. А индексы они получат по порядку.

  Ответить  
 
 автор: serenya1983   (16.08.2010 в 16:20)   письмо автору
 
   для: saider   (16.08.2010 в 16:13)
 

_

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования