1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Upload files</title>
<script type='text/javascript'>
var increment=0;
function addfile(){
increment++;
var newDiv=document.createElement('div');
newDiv.id="div_"+increment;
var newInput = document.createElement('input');
newInput.type='file';
newInput.name="fichier[]";
newInput.id="fich_"+increment;
var newButton=document.createElement('input');
newButton.type="button";
newButton.id="_"+increment;
newButton.onclick=function(){destroy(this.id);};
newButton.value="supprimer"
newDiv.appendChild(newInput);
newDiv.appendChild(document.createTextNode(' '));
newDiv.appendChild(newButton);
document.getElementById('listefichiers').appendChild(newDiv);
}
function destroy(obj){
document.getElementById('listefichiers').removeChild(document.getElementById('div'+obj));
}
</script>
</head>
<body>
<form action="" />
<fieldset id="listefichiers" >
<legend>liste des fichiers</legend>
<input type="file" name="fichier[]" id='fich0' /><br />
</fieldset>
<input type='button' onclick='addfile()' value="ajouter un fichier" />
</form>
</form>
</body>
</html> |