how to display the comment form in a popup?

Question

I want to display the comment form in a popup. How could I do this?

I am using Drupal 7.

Answer 1

Well, for it I can propose you a 'sexy' solution.

$(function(){
  var comments = elem = $('#comments'); // I get the element comments
  if(comments.size() > 0) { // I check if is exist
    // Here I remplace the form with a link
    var link = elem.replaceWith('<a href="#comments">'+ Drupal.t("Comment my node") +'</a>');
    // For the new link I give him a OnClick event.
    link.clik(function(){
      // Here I just hide the submit button, you can hide other buttons as well
      $('input[type=submit]', comments).css('display', 'none');
      // Here the dialog from jQuery UI you can change is as well
      comments.dialog({
        buttons: {
          "Comment": function() {
              $('form', comments).submit();
          },
          "Cancel": function() {
              $(this).dialog('close');
          }
        },
        modal: true,
        height: 245,
        width: 475,
        title: title,
        open: function() {
        },
        close: function() {
            $(this).dialog('destroy');
        },
        resizable: false,
      });
    });
  }
});

You've to include this code in the header or footer of your theme (better if you can check before if you're on one page with comments or not. And be sure that jQuery UI Dialog is also loaded with drupal_add_library.

P.S. I didn't try the code, so maybe you'll find some bugs, but the main idea is there.

Answer 2

If you want to do it in a fancy non-technical way use Beauty Tips module.

if you need help here is a good video on this topic.

http://gotdrupal.com/videos/drupal-views-enhanced-with-beauty-tips-module

Answer 3

Ctools has a nice modal functionality that is easy to use, and doesn't need you to manually add any depended JavaScript code.