In Progress Image

Discussion in 'PHP' started by adamjblakey, May 11, 2010.

  1. #1
    Hi,

    What i what to do is when a user clicks submit i want an image to appear to indicate in progress as there will be large files being submitted. It does not have to give a actual progress but just want a e.g. spinning circle.

    Cheers,
    Adam
     
    adamjblakey, May 11, 2010 IP
  2. gapz101

    gapz101 Well-Known Member

    Messages:
    524
    Likes Received:
    8
    Best Answers:
    2
    Trophy Points:
    150
    #2
    it's actually in chrome status bar. but if you like, you need to target your form to a frame and display a spinning progress bar, then determine if it's done, then redirect to whatever page you want :D
     
    gapz101, May 11, 2010 IP
  3. roopajyothi

    roopajyothi Active Member

    Messages:
    1,302
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    80
    #3
    roopajyothi, May 11, 2010 IP
  4. vetrivel

    vetrivel Peon

    Messages:
    147
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi,
    what i will do is .
    ->Add a loading image in a DIV and hide it . On submit I will show this div and hide the submit button .so people wont submit again and it will show the loader till the page submits.
    Easy to achieve this.
     
    vetrivel, May 11, 2010 IP
  5. Pudge1

    Pudge1 Well-Known Member

    Messages:
    912
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    Digital Goods:
    1
    #5
    What I used on my picture/video hosting site is used JavaScript onclick on the submit button and used it to change the source of an image in an img tag from a 1x1 white pixel image to a loading bar that says under it upload processing. And than after the form submitted it used JavaScript to change it back. It is fairly simple and I can help you with it if you wish.
     
    Pudge1, May 11, 2010 IP
  6. roopajyothi

    roopajyothi Active Member

    Messages:
    1,302
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    80
    #6
    @Pudge1: Thats a Good Idea! Impressive
     
    roopajyothi, May 12, 2010 IP
  7. adamjblakey

    adamjblakey Active Member

    Messages:
    1,121
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    80
    #7
    This is exactly what i need, do you have the code you used for this?
     
    adamjblakey, May 12, 2010 IP