HTML button that changes display to Ajax spinner after click

Question

I have several input button elements on my site that perform Ajax operations.

When the user clicks on one of these buttons, I want to disable it, hide its text label, and then show the centered Ajax image, it expects the $.ajax() function $.ajax() or failure , after which its appearance will be reset for a preliminary click .

I made my own jQuery extension for this, but spinner image positioning doesn’t work a bit in different browsers, and I really don’t have the patience to debug a specific CSS browser right now.

Is there a simple plugin that already provides this feature for me?

Answer 1

As far as I know, you have to do it yourself. This is a CSS issue that varies greatly depending on the position of the parents and the page itself. Any pre-built solution would require you to go through and modify your entire html to wrap it with some standard other solution that has already been made.

It might be easier to see, since it has already been created to just do cross-browser testing ...