We are working to implement this plugin on several sites through a framework. We provide the script automatically and it is included on the site. The include a div with a 'framework-comments' class and an id. We then do this: $('.framework-comments').each(function(index, element) { var ID = this.id; $('#' + ID).comments({ ... }); });

What we have noticed when two threads are placed on the same page, the first calls to get the comments work fine - they get the comments for the right ID. However, as soon as you go to post a new comment or reply, the ID remains that of the second div.

Any suggestions on how we might allow multiple threads on the same page?

Hello,

I am a novice to web development/js/jquery and I tried using the jquery-comments, I modified the getcomments function as follows:

getComments: function(success, error) { var comment_get_data = {'articleid':articleid, 'function':'getComments'}; $.ajax({ type: 'post', url: 'http://localhost/website/functions/comments.php', data: comment_get_data, success: function(commentsArray) { success(commentsArray) }, error: error }); },

and my comments.php has the following return functionality:

`case 'getComments':

        $data = mysqli_query($GLOBALS['connection'], "(SELECT comments.commentid, comments.parent, comments.created, comments.modified, comments.comment, comments.username, comments.createdByAdmin, comments.createdByCurrentUser, comments.upvoteCount, comments.userHasUpvoted, customers.cprofilePic AS profilePic FROM `comments` RIGHT JOIN customers ON customers.cusername=comments.username WHERE articleid = 1) UNION (SELECT comments.commentid, comments.parent, comments.created, comments.modified, comments.comment, comments.username, comments.createdByAdmin, comments.createdByCurrentUser, comments.upvoteCount, comments.userHasUpvoted, users.profilePic FROM `comments` RIGHT JOIN Users ON users.username=comments.username WHERE articleid = 1)");
        $i = 0;
        while($data2 = mysqli_fetch_assoc($data)){
            $commentsArray[$i] = $data2;
            $commentsArray[$i]['profileURL'] = "http://localhost/website/" . $data2['username'];
            $i++;
        }
        return $commentsArray;`

and I am getting the uncaught type error n.map is not a function, I am not sure what I am doing wrong, any help is appreciated. Thanks for the code and thanks in advance for your help!

Hello,

I'm storing the comments to a database with Laravel via a post request. Then I'm loading then again with a get request. However, first when I send the comment, a new item appears in the list but there is no text. When I refresh the page it appears. The comment is written correctly to the database. When I'm loading the comments from the GET Request, everything works so far, but I can't get the date working (always displays "Invalid Date") and the reply buttons are not working anymore. When I use the example without post and get requests as you have described in "2) Initialize the library", everything is working so far. But of course I want to save the comments to the database. When I use the example without post and get requests as you have described in "2) Initialize the library", everything is working so far. But of course I want to save the comments to the database.

Here is some code:

    $('.comments_content').comments({
        profilePictureURL: 'https://app.viima.com/static/media/user_profiles/user-icon.png',
            enableUpvoting: false,
        roundProfilePictures: true,
        enableReplying: true,

        fieldMappings: {
          id: 'id',
          parent: 'parent',
          created: 'created_at',
          modified: 'updated_at',
          content: 'content',
          fullname: 'author_id',
          profilePictureURL: 'profile_picture_url',
          createdByCurrentUser: 'created_by_current_user'
        },
        postComment: function(commentJSON, success, error) {
            $.ajax({
                type: 'post',
                url: "{{ action('CommentsController@store') }}",
                data: {comment: commentJSON, cardid: clickedcardid},
                success: function(comment) {
                    success(comment)
                },
                error: error
            });
        }
    });




        getComments: function(success, error) {
            $.ajax({
                type: 'get',
                url: '{{ action('CommentsController@index') }}',
                success: function(commentsArray) {

                  // Only display the comments which are assigned to the clicked card
                  for(var i = commentsArray.length - 1; i >= 0; i--) {
                    if(commentsArray[i].card_id != clickedcardid) {
                      commentsArray.splice(i, 1);
                    }
                  }

                  for(var i=0; i<commentsArray.length; i++) {
                    commentsArray[i].profile_picture_url = 'https://app.viima.com/static/media/user_profiles/user-icon.png';
                  }

                  success(commentsArray)
                },
                error: error
            });
        }

So to sum up:

• I can save the comments to a database and read them out
• I do it via jQuery AJAX POST and GET Requests
• Problem 1: When I post a comment, a new item appears in the list, however without the content and author displayed. First displayed after refresh.
• Problem 2: When reading out the comments, it always says "Invalid Date"
• Problem 3: When reading out, the reply button is not working.

Thanks for your help!

I am new to Jquery, but realized this plugin is pretty cool. Now I would like to reload/refresh the comments container every 5 seconds, googled and tried, but the experience is not so good.

What I am looking for is that only some new comments being added or removed, not the whole div or page being refreshed.

Thanks!

Hi.

Great plugin. There is some Firefox issues http://oi67.tinypic.com/m9o8ko.jpg

The plugin auto add new line but becuase is together with the text the new line shows as text only. Also the Oldest button dont work well.

Any suggestions? Regards.

Hello,

In my current project I need my user to be able to upload and attach files to theirs comments. Can this feature be easily added here ? Do you have any advices to do so ?

I downloaded and installed the package exactly as shown. Used the sample code for a starting point. On both the demo, and on the start up I have going. It fires a jquery / javascript error when you make a change to the text, and then of course the send button does not un-disable and the script is dead.

The error I get is

TypeError: this.commentsById[commentId] is undefined var contentChanged = content != this.commentsById[commentId].content;

At line 545. If you look at the source code its looking for an attribute data-comments that does not exist on the textarea or its surrounding wrappers. I found the area in the code that defines the dom of that object. Tried adding it.

I'm a newbie here. I've done a lot of jquery work, and tried to debug this on my own. After a couple of hours I figured I'd better simply ask someone. Either there is something left out of the setup instructions, or I've missed something.

Hello,

I saw a post with the same tittle but with no response and I don't think the issue is based on the same as mine, so I decided to open a new issue.

I’m trying out this plugin for the first time and trying to make it fit my needs. So far everything has turned out well when fetching comments from the database but when posting comments, I keep getting the following error. “TypeError: inputText is undefined” and it points to the following line.

“return inputText.replace(new RegExp('\u00a0', 'g'), ' '); // Convert non-breaking spaces to regular spaces”.

One important note is that the comments ARE saved to the database. I get the error after the query has finished and the comments do not show up until I refresh the page.

I am not sure if this helps but I am not using the jquery-comments.min.js file but the jquery-comments.js file so I can have a better scope of everything that’s in the plugin.

This is what I’m using to post the comments.

      postComment: function(commentJSON, success, error) {
           $.ajax({
            type: 'post',
            url: 'comments.php',
            data: commentJSON,
            success: function(comment) {
                          success(comment)
                   },
                   error: error
                 });
            },

Here’s a sample of the server-side code (comments.php) to insert into the database. I am only taking the “content” from the POST and only using 3 parameters to save data to the db.

                $creator_id = $user_id; //this is predefined from the user’s session ID.
                $content = $_POST['content'];
 
                $sql = "INSERT INTO comments
                (creator_id, date_created, content)
                VALUES
                ('$creator_id', NOW(), '$content')";
                $res = mysqli_query($conn, $sql) or die("Error: ".mysqli_error($conn));

Not sure what the issue could be.

Thanks in advance,

When i click the reply button, It was not add the text box . In the firefox console, its shows nothing . But in the chrome console . Its shows the jquery-comments.js:2096 The given range isn't in document.
moveCursorToEnd @ jquery-comments.js:2096

Especially on this moveCursorToEnd section

sel.addRange(range);

Is there any way to use HTML inside the comment?

To do this i changed the following line: 1593: content.html(this.linkify(this.escape(commentModel.content)));

to
1593: content.html(this.linkify(commentModel.content));

Hi,

Many users are familiar with send a comment on Enter (thanks to Facebook?).

I think that it will be a good improvement to have the option of send the comment on Enter event.

Thanks!

I propose to change

commentModel.hasAttachments = function() {
    return commentModel.attachments.length > 0;
}

to

commentModel.hasAttachments = function() {
    return !!commentModel.attachments && commentModel.attachments.length > 0;
}

as commentModel does not always contain attachments property 👍

When I click on reply and the comment has lots of subcomments, the input field is not visible. I would like it to scroll down to the textbox and it should have mouse focus.

Is there a way to implement a system to search for comments? I think it is something very necessary and it would be useful to have this option available. Thank you!

Hello,

is it possible to limit the number of attachments each comment can have? I can't find anything in the documentation. Only way I have found is to check in the attachment validator but this will still allow multiple attachments to be submitted.

Thanks