Перейти к контенту

Вопрос к JScript гуру


Рекомендуемые сообщения

Вот код, он как бы дополняет формы и т.д. что бы загружать от 1 файла до бесконечности, как сделать ограничения например до 20 максимум?

 

Заранее благодарен :D

 

<form>
<input type="button" class="button" value='{l_delone}' onClick="RemoveImages();return false;" /> 
<input type="button" class="button" value='{l_onemore}' onClick="AddImages();return false;" /><br /><br />
<script language="javascript" type="text/javascript">
function AddImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
var iteration = lastRow+1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span style="font-size: 12px;">'+iteration+': </span>';
cellRight = row.insertCell(1);

var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'userfile[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('value', iteration);
cellRight.appendChild(el);
}
function RemoveImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow > 1){
	tbl.deleteRow(lastRow - 1);
}
}
</script>
<table id="imageup" class="upload">
<tr id="row" style="font-size: 12px;">
<td style="font-size: 12px;">1: </td><td><input type="file" size="30" name="userfile[0]" />
</td>
</tr>
</table>

</form>

 

 

<form>
<input type="button" class="button" value='{l_delone}' onClick="RemoveImages();return false;" /> 
<input type="button" class="button" value='{l_onemore}' onClick="AddImages();return false;" /><br /><br />
<script language="javascript" type="text/javascript">
function AddImages() {

var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow <= 5)
{
var iteration = lastRow+1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span style="font-size: 12px;">'+iteration+': </span>';
cellRight = row.insertCell(1);

var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'userfile[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('value', iteration);
cellRight.appendChild(el);

}
}
function RemoveImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow > 1){
	tbl.deleteRow(lastRow - 1);
}
}
</script>
<table id="imageup" class="upload">
<tr id="row" style="font-size: 12px;">
<td style="font-size: 12px;">1: </td><td><input type="file" size="30" name="userfile[0]" />
</td>
</tr>
</table>

</form>

 

Оказывается не так уж и сложно, но всеравно если есть какойто более адекватный способ, подскажите, сам я не местный и js знаю тока по слухам ;)

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.