I have an upload image form and that code works perfect.

My problem is I have added some javacript to disable the button after the submission. The disable will work fine but then the form will not submit and continue processing and uploading the image. I have tried a couple of different methods, I have used method 2 before and it works fine when it is not a enctype="multipart/form-data" form. Can anybody please help me resolve this.

<?php
if (isset($_POST['action_upload']) && $_POST['action_upload'] == 'Upload') {
//upload code works fine.
}
?>


METHOD 1 __________
<script language="JavaScript">
function disableForm(theform) {
    document.upload_frm.action_upload.disabled=true;
    return true;
}
</script>

<form action="upload_img.php" method="post" enctype="multipart/form-data" id="my_form" name="upload_frm">
Select Image: <input type="file" name="up_file"><br />
<input type="submit" name="action_upload" value="Upload" onclick='doSubmit(this.form, this);'>
</form>



METHOD 2 __________
<script language="JavaScript" type="text/javascript">
<!--
var clicked = false;

function doSubmit(frm, btn){
  if (clicked == false) {
    clicked = true;
    btn.disabled = true;
    btn.value='Please wait...';
     try {
            frm.onsubmit();
        }
        catch(e) {}
        frm.submit();
  }
}
 -->
</script>

<form action="upload_img.php" method="post" enctype="multipart/form-data" id="my_form" name="upload_frm">
Select Image: <input type="file" name="up_file"><br />
<input type="button" onclick='doSubmit(this.form, this);' value="Upload" name="action_upload">
</form>

Thanks
Mike

__________________
Peace
Mike
http://www.eclecticpixel.com