displaying upload Error message and Progress bar - DFP

I can not get an 'Upload successful' message to display nor can I get a progress bar to appear ( not sure if this only appears for large uploads! )

Here is my code!

<div id="upload_form_ProgressWrapper">
<form action="" method="post" enctype="multipart/form-data" id="upload_form" name="upload_form">
<label>Upload Form</label>
<input name="upload" type="file" id="upload" />
<br />
<input name="submit" type="submit" id="submit" />
</form>
</div>
</div>
<div id="upload_form_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('upload_form', 'upload_form_ProgressMessageWrapper', WADFP_Theme_Options['SmallSpin:Nautica']);
</script>
<div id="upload_form_ProgressMessage" >
<p style="margin:10px; padding:5px;" ><img src="WA_DigitalFilePro/images/nautica-smallspin.gif" alt="" title="" style="vertical-align:middle;" />&nbsp;&nbsp;Please wait</p>
</div>
<?php if($WA_DFP_UploadStatus["WA_UploadResult1"]["statusCode"] == 1) { ?>
Upload successful!
<?php } ?>

Can anyone help please!

do you have a link where i can see this in a browser to troubleshoot?


also if you could send a copy of the page in a zip archive, that would be helpful.

Hi, Here's a Link to the page I've put on my remote server. Plus I have attached the php file in a zip archive!

upload.php

For the progress bar, your page is missing the following script line:

<script src="WA_DigitalFilePro/jquery-blockui-formprocessing.js" type="text/javascript"></script>




for the success message, to troubleshoot, open the bindings panel, and expand the WA Uploaded file Global Status, and add the debug info binding to your page.

I have placed the missing script line in the page, of which I guessed where to put it as you didn't explain this. The progress bar now appears and gets stuck. I got this far by removing all code for the success message as I do not understand where this should be placed. I tried the debug info and it gave me a list of results of which mean nothing to me. It would be helpful if you could simply illustrate the order of code placement for both progress bar and success message for this to work as this is where I feel your set up guide fails to explain fully. below is my current block of code without success message

######################################################

<div id="content">
<div id="upload_form_ProgressWrapper">
<form action="" method="post" enctype="multipart/form-data" id="upload_form" name="upload_form">
<label>Upload Form</label>
<input name="upload" type="file" id="upload" />
<br />
<input name="submit" type="submit" id="submit" />
</form>
</div>
</div>
<script src="WA_DigitalFilePro/jquery-blockui-formprocessing.js"></script>
<div id="upload_form_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('upload_form', 'upload_form_ProgressMessageWrapper', WADFP_Theme_Options['SmallSpin:Nautica']);
</script>
<div id="upload_form_ProgressMessage" >
<p style="margin:10px; padding:5px;" ><img src="WA_DigitalFilePro/images/nautica-smallspin.gif" alt="" title="" style="vertical-align:middle;" />&nbsp;&nbsp;Please wait</p>
</div>
</div>

#######################################################

Well, the progress bar and success message cant really be used on the same page.

you should add a page redirect behavior to send the user to a another page after the logout has completed.

on the server behaviors panel, click the plus button, and select WebAssist -> Utilities -> Server Redirect, set the trigger to upload file successful.