Topic thanked message problem

I added this java code

Code:

$(function() {
  var thanked = $('#main-content > .post[style*="background-color"]')[0];

  if (thanked) {
    thanked.className += ' thanked-post';
    thanked.style.backgroundColor = '';

    thanked.insertAdjacentHTML(
      'beforeend',
      '<div class="thanked-message"><i class="fa fa-thumbs-up"></i> The topic starter has thanked {USERNAME} !</div>'
      .replace('{USERNAME}', $(thanked).find('p.author a').text())
    );

    $('head').append('<style type="text/css">'+
                     '.thanked-post .thanked-message { color:#FFF; font-size:12px; background:#88cc55; border-radius:2px; border-bottom:1px solid #77BB44; padding:0px 10px; margin-bottom: -6px; margin-left: -5px; margin-right: -5px; height: 30px; line-height: 31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }'+
      '.thanked-message .fa-thumbs-up { font-size:16px; margin-right:5px; vertical-align:-2px; }'+

      '@media (min-width:0px) and (max-width:768px) {'+
        '.thanked-post { padding-bottom:116px; }'+
        '.thanked-post .thanked-message { position:absolute; bottom:0; left:0; right:0; }'+
        '.thanked-post .postbody .profile-icons { bottom:44px; }'+
      '}'+
    '</style>');
  }
});

It is working fine in phpbb3 but not working in this forum. Could you edit it @Admin?

Too complicated for me. Gotta ask some Forumotion experts, at FMCodes for instance.

You got any solution? This script is written for phpbb3? I am not sure but it is 100% correct code

As I already said, I don't know.

But phpBB 3 and PunBB is not the same, so of course code made for phpBB will not work for PunBB

Topic starter will give result like this one below:

I understand what it is. But as I said: I have no idea

I have idea. I have a demo version of forumotion. It is punbb forum. I can give you password of it. You can learn more about it....

The sea wrote:I have idea. I have a demo version of forumotion. It is punbb forum.  I can give you password of it. You can learn more about it....

What?

I know that:
1) the code works on phpBB
2) the code does not work on PunBB

I don't know:
1) how to make it work for PunBB

phpBB and PunBB are two entirely different things, and stuff that works for phpBB does not necessarily work for PunBB

Let me send you punbb code for it

Hello,

i will fix this also, but i need to look carefully for it

Ok, waiting for it dude

Nearly all problems are solved. I am wanting you solve this issue too that i am feeling to press thanks button on your post. Haha

will do that right now, looks like forumotion was down... and i was not accesibile at all

Yeah same happens to me. Let's move for it...

it was a topic from forumotion, with a modification for the system with likes/dislikes, i cant find it anymore... idk why, or im too blind to see it...

No, this script shows the result " The topic starter has thanked the admin or username! "

The sea wrote:I added this java code

Code:

$(function() {
  var thanked = $('#main-content > .post[style*="background-color"]')[0];

  if (thanked) {
    thanked.className += ' thanked-post';
    thanked.style.backgroundColor = '';

    thanked.insertAdjacentHTML(
      'beforeend',
      '<div class="thanked-message"><i class="fa fa-thumbs-up"></i> The topic starter has thanked {USERNAME} !</div>'
      .replace('{USERNAME}', $(thanked).find('p.author a').text())
    );

    $('head').append('<style type="text/css">'+
                     '.thanked-post .thanked-message { color:#FFF; font-size:12px; background:#88cc55; border-radius:2px; border-bottom:1px solid #77BB44; padding:0px 10px; margin-bottom: -6px; margin-left: -5px; margin-right: -5px; height: 30px; line-height: 31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }'+
      '.thanked-message .fa-thumbs-up { font-size:16px; margin-right:5px; vertical-align:-2px; }'+

      '@media (min-width:0px) and (max-width:768px) {'+
        '.thanked-post { padding-bottom:116px; }'+
        '.thanked-post .thanked-message { position:absolute; bottom:0; left:0; right:0; }'+
        '.thanked-post .postbody .profile-icons { bottom:44px; }'+
      '}'+
    '</style>');
  }
});

It is working fine in phpbb3 but not working in this forum. Could you edit it @Admin?

This code mainly written by Ange Tutuer for phpbb3 forum. Need to convert it to punbb

yes i know, about that code... but we need to make some modification(s), in order for it to work...

Yes indeed.

okay, its added... but somehow is above up, and not down LOL

Intested and clicked on thanka button but still i don't see thanks message.

i have bad news for you, im not a javascript coder, and i dont know how to make this working for punbb...

i can help you with anything else, if you want

Ok, do what you want. I respect your new inventions