How to make the following form ?

[breakforce]

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.

[james438]

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

[breakforce]

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

[ajfmrf]

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)

[traq]

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.

[breakforce]

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

[traq]

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?

[breakforce]

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

http://img864.imageshack.us/img864/9757/clickb.png

[ajfmrf]

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.

[traq]

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 (http://kyleschaeffer.com/best-practices/the-perfect-jquery-ajax-request/).

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 (http://jsfiddle.net/kqgsp/).

[breakforce]

I think it will do for me, thank you very much for your help ;)