var max = 5; var delete_btn = 'js/multiple_upload/dcirc.gif'; var upload_number = 0; function addFileInput(obj) { var orig_element = document.getElementById('file'); var pNode = orig_element.parentNode; orig_element.name = 'file[]'; orig_element.id = ''; orig_element.style.position = 'absolute'; orig_element.style.left = '-1000px'; upload_number++; var new_element = document.createElement( 'input' ); new_element.type = 'file'; new_element.setAttribute('id', 'file'); new_element.onchange = function() { addFileInput(this); }; pNode.insertBefore(new_element, orig_element); var path = obj.value; var filename = path.substring(path.lastIndexOf('\\')+1) var new_row = document.createElement( 'div' ); new_row.setAttribute('id', upload_number); var new_row_button = document.createElement( 'img' ); new_row_button.src = delete_btn; new_row_button.align = 'absmiddle'; new_row_button.alt = 'remove '+filename+' from list'; new_row.element = obj; new_row_button.onclick = function(){ this.parentNode.parentNode.removeChild( this.parentNode ); this.parentNode.element.parentNode.removeChild( this.parentNode.element ); upload_number--; if (upload_number < max){ document.getElementById("file").disabled = false; } if ( upload_number < 1 ){ document.getElementById("file_div").style.visibility = "hidden"; document.getElementById("file_div").style.display = "none"; } return false; }; new_row.innerHTML = ''+filename+''; new_row.appendChild( new_row_button ); document.getElementById("file_list").appendChild(new_row); if (upload_number >= max){ document.getElementById("file").disabled = true; } if ( upload_number >= 1 ){ document.getElementById("file_div").style.visibility = "visible"; document.getElementById("file_div").style.display = "block"; } };