PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

File Uploader Progress Script not working

  1. wot
    Member

    Hi,

    I read theis post about the Uploader progress bar http://www.gravityhelp.com/forums/topic/add-a-file-upload-progress-bar#post-6584 and included the the CSS in my theme CSS and the Javascript in head.php

    I also modified the form id to to my formid
    Here is linkhttp://hellokhalil.com/wordpress/?page_id=9463

    It is a Multipage form.

    Thx for your help.

    Posted 11 years ago on Friday June 14, 2013 | Permalink
  2. Richard Vav
    Administrator

    You have a javascript error which needs to be resolved

    Uncaught ReferenceError: jQuery is not defined hellokhalil.com/:10

    Looking at the page source code you are including the script before jQuery, you need to move the following to after wp_head but before </head> or place it in the footer.

    <script type="text/javascript">
    				jQuery.noConflict();
    				jQuery(document).ready(function($) {
    
      					$("#gform_wrapper_2").after("<div id='fakeprogress'><h2>Uploading Files.. Please Wait</h2></div>");
      					$("#fakeprogress").hide();
    					$("#gform_wrapper_2 .gform_footer input").click(function () {
       					$("#fakeprogress").delay(1000).show('slow');
    						});	
    
      					});
    		</script>
    Posted 11 years ago on Monday June 17, 2013 | Permalink
  3. wot
    Member

    thx for your response.
    I pasted the code just before </head> but still does not work.

    I tried to paste it in footer.php but then the form do no show.

    Posted 11 years ago on Monday June 17, 2013 | Permalink
  4. Richard Vav
    Administrator

    Can you try changing the following

    $("#gform_wrapper_2 .gform_footer input").click(function () {
       					$("#fakeprogress").delay(1000).show('slow');
    						});

    to

    $("#gform_wrapper_2 .gform_page_footer input").click(function () {
        $("#fakeprogress").delay(1000).show('slow');
    });
    Posted 11 years ago on Monday June 17, 2013 | Permalink
  5. wot
    Member

    gr8.
    It worked the only thing is that I have the message on everypage, which is not bad.

    Now I just need to position the message in the center of the form.

    Thx

    Posted 11 years ago on Tuesday June 18, 2013 | Permalink
  6. Richard Vav
    Administrator

    If you only want it to appear for the last page then you can edit the script to

    $("#gform_page_2_4 .gform_page_footer input").click(function () {
        $("#fakeprogress").delay(1000).show('slow');
    });
    Posted 11 years ago on Tuesday June 18, 2013 | Permalink
  7. wot
    Member

    That's what I call awsome support : )

    Thx

    Posted 11 years ago on Tuesday June 18, 2013 | Permalink
  8. Richard Vav
    Administrator

    Thanks and you're welcome.

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink
  9. wot
    Member

    I still cannot display the messahe in the middle of the screen
    The message: uploading file is dispalying just under the form.

    What can I do to display it in the midle of the form ?

    Thx

    Posted 11 years ago on Thursday June 20, 2013 | Permalink
  10. wot
    Member

    Solved. It works : )
    I see it at the right place.

    Posted 11 years ago on Thursday June 20, 2013 | Permalink
  11. David Peralty

    Glad to hear it. All my best!

    Posted 11 years ago on Thursday June 20, 2013 | Permalink

This topic has been resolved and has been closed to new replies.