Results 1 to 4 of 4

Thread: Progress bar on file upload

  1. #1
    Join Date
    May 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Progress bar on file upload

    I have a PHP file upload script which is kicked off from an html form and would like to show your progress bar when the visitors click "submit" until the PHP upload is complete. How can I kick off the progress bar script when they click "submit"? It can open a new windo necessary, as long as it closes when the upload is done, which displays a "success" page.

    Franko

  2. #2
    Join Date
    May 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It can open a new window if necessary, as long as it closes when the uplaod is done.

  3. #3
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  4. #4
    Join Date
    May 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I'm getting closer. I think I've got it figured out that I have to start it out and put a "bar1.hideBar" in the actionString field after 1 cycle then do a "bar1.showBar" onClick of the submit button. But, when I show it onClick, it hides itself again after 1 cycle. Wouldn't it be better to allow you to start out hidden after 0 cycles? I've been playing with bar1.togglePause() too but can't get that to work right either.

    Here is my entire form as it stands right now:

    <form action="http://www.cliveparkes.com/cgi-bin/upload.cgi" method="post" enctype="multipart/form-data">

    &nbsp; &nbsp; &nbsp <input type="File" name="FILE1" size=40>
    <p>
    &nbsp; &nbsp; &nbsp <INPUT NAME="company_name" TYPE="text" SIZE="40"> Company Name
    <p>
    <center>
    <INPUT NAME="Submit" TYPE="submit" VALUE="Submit" onclick="javascript:bar1.showBar()";>

    &nbsp; &nbsp; <INPUT NAME="name" TYPE="reset" VALUE="Reset"><p>

    <script type="text/javascript">
    var bar1= createBar(300,15,'white',1,'black','blue',85,7,0,"bar1.hideBar()");
    </script>

    </center>
    </form>
    Last edited by sheff; 05-12-2005 at 08:21 PM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •