Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: How to make the following form ?

  1. #1
    Join Date
    Apr 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How to make the following form ?

    Hello How can i make this form, i have 2 buttons "Submit" and "Cancel", when i press "Submit" button "Cancel" to hide in its place to display an image loader, an example linkedin.com/uas/login

    I apologize if the topic is not in the correct section.

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,740
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default

    This is probably as good a place to post your question as any until we learn more. Could you rephrase what you are asking? I am a little vague what you are trying to say in this part of your sentence:

    when i press "Submit" button "Cancel" to hide in its place to display an image loader
    To choose the lesser of two evils is still to choose evil. My personal site

  3. #3
    Join Date
    Apr 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well when you click "Submit", button "Cancel" to hide and show the loader, if not your very clear explanation look at my example...

  4. #4
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    I see no submit button nor do I see a cancel button when I go to the link provided.

    You need to be more clear then this.Are you a member and see something I don't (because I am not a member)
    Thanks,

    Bud

  5. #5
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    There is a "sign in" button (which is a type=submit button), but I don't see a "cancel" button (assuming you mean type=reset...?) either.

    Nothing I do with the form loads an image.

  6. #6
    Join Date
    Apr 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    In this example that i gave it to me is not "Cancel" and "or Join LinkedIn", sorry i gave wrong... :\

  7. #7
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    okay -- still, nothing I do on that page loads an image.

    Are you talking about the captcha (the "security verification" - an image of distorted letters) that's on the page after you submit the form?

  8. #8
    Join Date
    Apr 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I do not know whether it is called so, but here's an image


  9. #9
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    The image to the right of the "sign in" button is used to let you know visually that it is loading an image or file of some type or about to leave the page to go to a linked page.
    Thanks,

    Bud

  10. #10
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    sorry, breakforce - I guess my internet connection is too fast. I didn't see that when I submitted the form, at all!

    On a plain HTML page, this won't be very effective (because once you click "submit," you leave the current page) -- it's more useful when you're using AJAX (when you stay on the page, and load the form via javascript).

    If that's what you want, you might want to look at this example.

    An alternative to appending the image is to set up a class name that uses the "spinner" as a background image, and then just add that classname when the form submits - something like this.

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
  •