Hi,

for a feature like this you don't have to change core code. This is easily done with some jQuery and a additional template.
In your mysite/Page.php:

The template (ajaxLoginForm.ss):

How to call this?
I'm using a layer that "pops up" if you click on "login" - but you could also just inject the rendered template in a target div or whatever you want. It could look like this...
"jQuery" the link to the login form

This does following: As soon as the DOM is read, jQuery looks for all links with class "ajaxLoadForm", adds an onclick-event and directs the request to the "href" attribute value (i.e. http://yoursite/ajaxLoginForm). The response of the request (which is the rendered login form), will then be placed in an element with the id "loginFormSpace".
If you want the sending etc. within the form to be ajaxified, too, just add inline JS to your form there, to call jQuery().click for the send-button.

Hi draft,

This is absolutely possible ;-)
You should have a little closer look at jQuery an jQuery.ui.
I've tried some modal boxes but wasn't happy until I found Dialog. I'm using it that way: I inject the form into dialog and show it modal. If you add jQuery to the form, too, you can get the responses and apply them to the modal box, too. If you add i.e. a "close" button or catch the success-event from the login process via jQuery, you can then "refresh" (=jQuery.load) your comment form in a similar way I did with the login form.
I suggest you read into the jQuery and ui manual and this will become a lot clearer

Regards,
Marc

Hi draft,

what you'll have to do is add inline-JS to your form template.
This means: Look at the initial JS Code where the .click action is added to the links automatically this si a good start ;-)
Then use the jQuery form plugin:

This will turn your form into an "ajax form". Pack this into an inline-JS, so it will be called after the the rendered template is injected into the target element.
You can use the respons from the login form to show errors or the success msg. If you have a wrapping i.e. <div id="formWrap"></div> around your form, you can use that as a target for the response which you can get via the callback

Does this answer your question?

Regards,
Marc

Hello draft,

I haven't got an implementation of that at hand.
You should understand at first, how the whole process works - the you're able to implement the necessary code.

So, the general workflow you want to have is:

First step
pageload -> jQuery alters login link -> opens modal window -> login form is injected into modal window -> jquery adds ajax functionality to form

Next step
Form submit -> sends ajax request to server -> you fetch the response in the callback -> show result (form or msg)

Next step
Close modal window -> reload/load comments

As you can see: There is more to it than the code I gave you. That was just a hint where you can start to do it yourself, which is (in my opinion) the best way to learn/abstract how to deal with such tasks in the future.

OK, back to implementation.
What you need is:
In the callback in your .ajaxForm part you need to add a handling for the form's response that either closes the layer and refreshs (.load) the comment form or just shows the response.
Btw. the .ajaxForm goes IN the form template as an inline-JS...

Regards,
Marc