Well here is what I have tried so far
the first two parts that are commented out don't work in IE but the
last one does yet they are all essentially the same thing, ultimately
I just need to be able to read this with ease the last version doesn't
really let me do that.
here is the code
function addFormField() {
var id = document.getElementById("id").value;
/*
$("#content").append("<form name='form" + id + "' id='form" +
id +
"' action='' method='POST' enctype='multipart/form-data'
onsubmit='return ajaxFileUpload("+id+");'>");
$("#form"+id).append("<img id='loading' src='loading.gif'
style='display:none;'>");
$("#form"+id).append("<input id='fileToUpload"+id+"' type='file'
size='45' name='fileToUpload' class='input'
onchange='this.form.submit.click()'>");
$("#form"+id).append("<input type='submit' name='submit'
value='submit' style='display: none;'' />");
*/
/*
var f = "<form name='form" + id + "' id='form" + id + "'
action=''
method='POST' enctype='multipart/form-data' onsubmit='return
ajaxFileUpload("+id+");'>";
f+="<img id='loading' src='loading.gif' style='display:none;'>";
f+="<input id='fileToUpload" + id + "' type='file' size='45'
name='fileToUpload' class='input' onchange='this.form.submit.click
()'>";
f+="<input type='submit' name='submit' value='submit'
style='display: none;'' />";
f+="</form>";
*/
var f = "<form name='form" + id + "' id='form" + id + "'
action=''
method='POST' enctype='multipart/form-data' onsubmit='return
ajaxFileUpload("+id+");'> <img id='loading' src='loading.gif'
style='display:none;'> <input id='fileToUpload" + id + "' type='file'
size='45' name='fileToUpload' class='input'
onchange='this.form.submit.click()'> <input type='submit'
name='submit' value='submit' style='display: none;'' /> </form>";
$("#content").append(f);
id = (id - 1) + 2;
document.getElementById("id").value = id;
}
On Dec 10, 11:22 am, Mean Mike <[EMAIL PROTECTED]> wrote:
> I'm working on a multifile upload system and I found that my form
> function does not work in IE while I have a workaround I wonder why
> this code doesn't work in IE ?
>
> thanks for your help Mike
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd";>
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1">
> <title>Test jQuery</title>
> <link href="ajaxfileupload.css" type="text/css" rel="stylesheet">
> <script type="text/javascript" src="jquery.js"></script>
>
> <script type="text/javascript">
> function addFormField() {
> var id = document.getElementById("id").value;
> $("#content").append("<form name='form" + id + "' id='form" +
> id +
> "' action='' method='POST' enctype='multipart/form-data'
> onsubmit='return ajaxFileUpload("+id+");'>");
> $("#form"+id).append("<img id='loading' src='loading.gif'
> style='display:none;'>");
> $("#form"+id).append("<input id='fileToUpload"+id+"'
> type='file'
> size='45' name='fileToUpload' class='input'
> onchange='this.form.submit.click()'>");
> $("#form"+id).append("<input type='submit' name='submit'
> value='submit' style='display: none;'' />");
> id = (id - 1) + 2;
> document.getElementById("id").value = id;
> }
>
> </script>
>
> <body>
>
> <p><a href="#" onClick="addFormField(); return false;">Add</a></p>
> <input type="hidden" id="id" value="1">
> <div id="content">
>
> </div>
>
> </body>
> </html>
