[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Подскажите это как
Evil_Google
Подскажите как это делается: видел я сайтах такой функционал - при добавлений картин есть кнопка ''плюс'' или ''Добавить еще картины''. При его нажатий внизу появляется еще одно поле для добавление картин, при этом страница не перезагружается (Как понимаю это js).
user posted image
Подскажите каким функционалом js это реализуется? Если покажите примерный код было бы очень круто smile.gif

Заранее спасибо)

_____________
Жадный.... жадный.... жадный кот
kaww
Цитата (Evil_Google @ 20.10.2014 - 05:18)
Если покажите примерный код было бы очень круто

Примерный код:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script
type="text/javascript">
function
makeInputFile() {
var input = document.createElement("input");
input.type = "file";
input.name = "file[]";
document.getElementsByTagName("body")[0].appendChild(input);
}
</script>
</head>
<body>
<input
type="button" value="Add file" onclick="makeInputFile(); return false;" />
</body>
</html>
chee
Для таких целей лучше использовать jquery

<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8">
<script
type="text/javascript" src="путь_до_jquery.js"></script>
<title></title>
</head>
<body>
<div
id="images">
<input
name="file[]" type="file"/>
</div>
<input
type="button" class="add_image_field" value="Add file"/>
<script
type="text/javascript">
$('.add_image_field').on('click', function () {
var $input = $('<input>', {
type: 'file',
name: 'file[]',
});
$('#images').append($input);
});
</script>
</body>
</html>



_____________
Люди, имеющие низкий уровень квалификации, делают ошибочные выводы, принимают неудачные решения и при этом неспособны осознавать свои ошибки в силу низкого уровня своей квалификации
AllesKlar
chee
Чем лучше?

_____________
[продано копирайтерам]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.