Unallow users to like/dislike their own posts

Hey there,
After the announcement of the new Like and Dislike system nearly a week ago, I've seen some users wishing they could unallow users to like or dislike their own posts. This quite short JS code should do the job.

06/03 edit: Now removes only the like/dislike buttons and still shows the likes list.

Adding the JS:

Admin Panel » Modules » HTML & JAVASCRIPT: Javascript codes management; then, click on the CREATE A NEW JAVASCRIPT button.

Title * : As you wish.
Placement : In the topics
Javascript Code:

PHPBB2:

---

PHPBB3:

---

PUNBB:

---

INVISION:

---

MODERNBB:

---

AWESOMEBB:

---

I've tried this code, but it didn't work for me.

jkh wrote:I've tried this code, but it didn't work for me.

Hello @jkh are you putting this in your JavaScript and putting all pages ?

@jkh Hi,
Just tried on your forum, it seems to work for me.

Try this version ?:

Code:

$(function() {
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile dl dt').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
}); });

@Ape - yes I did.

@mSyx Brilliant! That new one works much better, thank you.

Maybe it was because I'd tried it on my test forum rather than my main forum? But it works on both now.

How are you able to put a javascript on my forum?

It is not exactly placing it on your forum, but using the browser's console you can add CSS and scripts.

I see  

Actually, I don't    

I should learn coding  

It's taken me long enough to learn html when I'm editing blogger...it's all fun, and very interesting, though.

Thread updated with each version. Once again, any feedback is welcome

hello guys can u fix the delay is a known issue during page refresh
we can still see the like and dislike buttons can we add the time based on during page refresh so we not see the buttons

and it seems to have a little bug i mean u cant see who have liked or dislike your own posts ?

@mSyx

I've tested you code in my forum and works very good!
Great job

Hi! Thank for the tutorial, I've an issue to report, but I don't know if it's my fault or not.

I'm on ModernBB but if I use this code:

Code:

$(function() {
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile .postprofile-name').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
}); });

Then I can't see my or others likes on my posts, so if an user gives me like i can't see that

While if I use this:

Code:

$(function() {
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile dl dt').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
}); });

I can see other's likes but still I can like my own posts.

Sorry for the late answers.

tester101 wrote:hello guys can u fix the delay is a known issue during page refresh
we can still see the like and dislike buttons can we add the time based on during page refresh so we not see the buttons

and it seems to have a little bug i mean u cant see who have liked or dislike your own posts ?

@mSyx

Remove the current JS in the javascript modules.
In your viewtopic_body template, find:

Code:

<!-- END postrow -->

Put the following code right after:

Code:

<script type="text/javascript">
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile .postprofile-name').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
});
</script>

Simone Boi wrote:Hi! Thank for the tutorial, I've an issue to report, but I don't know if it's my fault or not.

I'm on ModernBB but if I use this code:

Code:

$(function() {
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile .postprofile-name').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
}); });

Then I can't see my or others likes on my posts, so if an user gives me like i can't see that

While if I use this:

Code:

$(function() {
$('div.post').each(function() {
var postauthor = $(this).find('.postprofile dl dt').children().last().text();
var myname = _userdata.username;
 
if (postauthor === myname) { $(this).find('.fa_like_div').remove(); }
}); });

I can see other's likes but still I can like my own posts.

I can't reproduce the same thing. This may be linked to your templates modifications (if any).

EDIT

tester101 wrote:and it seems to have a little bug i mean u cant see who have liked or dislike your own posts ?

True, didn't think about that. Working on it ~
Done, codes updated in the first post

Thank you, now I can see likes, but I can still like my own post from mobile

Simone Boi wrote:Thank you, now I can see likes, but I can still like my own post from mobile

That is because mobile & web templates are different. I'll try doing the same for the mobile version soon enough.

I would like to do an update for this tutorial. Instead of separating scripts for each version, I modified script to make only one script for all forum versions where version is selected automatically.

Code:

$(document).ready(function() {

    const FORUM_VERSION = _userdata["tpl_used"];

    var versions = {
        'subsilver': $('tr.post'),
        'prosilver': $('div.post'),
        'punbb': $('div.post'),
        'invision': $('div.post'),
        'modernbb': $('div.post'),
        'awesomebb': $('div.post-wrap')
    };

    var versionFind = {
        'prosilver': '.postprofile dl dt',
        'punbb': '.user-ident h4.username',
        'invision': '.postprofile .popmenubutton',
        'modernbb': '.postprofile .postprofile-name',
        'awesomebb': '.post-aside .post-author-name'
    };



    versions[FORUM_VERSION].each(function() {
        var myname = _userdata.username;

        if (FORUM_VERSION == "subsilver") {
            var postauthor = $(this).find('td').first().find('.name').children().last().text();
            if (postauthor === myname) {
                $(this).find('.fa_like_div button').remove();
            }
            return;
        }

        var postauthor = $(this).find(versionFind[FORUM_VERSION]).children().last().text();
        if (postauthor === myname) {
            $(this).find('.fa_like_div button').remove();
        }

    });

});

System32 wrote:I would like to do an update for this tutorial. Instead of separating scripts for each version, I modified script to make only one script for all forum versions where version is selected automatically.

Code:

$(document).ready(function() {

    const FORUM_VERSION = _userdata["tpl_used"];

    var versions = {
        'subsilver': $('tr.post'),
        'prosilver': $('div.post'),
        'punbb': $('div.post'),
        'invision': $('div.post'),
        'modernbb': $('div.post'),
        'awesomebb': $('div.post-wrap')
    };

    var versionFind = {
        'prosilver': '.postprofile dl dt',
        'punbb': '.user-ident h4.username',
        'invision': '.postprofile .popmenubutton',
        'modernbb': '.postprofile .postprofile-name',
        'awesomebb': '.post-aside .post-author-name'
    };



    versions[FORUM_VERSION].each(function() {
        var myname = _userdata.username;

        if (FORUM_VERSION == "subsilver") {
            var postauthor = $(this).find('td').first().find('.name').children().last().text();
            if (postauthor === myname) {
                $(this).find('.fa_like_div button').remove();
            }
        }

        var postauthor = $(this).find(versionFind[FORUM_VERSION]).children().last().text();
        if (postauthor === myname) {
            $(this).find('.fa_like_div button').remove();
        }

    });

});

That is some pretty nice code there @System32, clever use of a key/value dictionary . Have you tested this on all versions already?

Yes, I have.
And thanks. I always use that to adapt script for all versions

Script edited. I added return statement for phpBB2. Missed it.