JavaScript good for PHPBB 2 does not work with PHPBB 3

Technical Details

Forum version : phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : Yourself
When the problem appeared : When comparing forum versions PHPBB3 and PHPBB2
Forum link : http://drvenibrodovi.forumotion.eu/

Description of problem

I noticed that JavaScript working fine on PHPBB 2 does not work on PHPBB 3. What is the reason of this incompatibility?

The code in question is:

Code:

$(function(){
      $('.bodyline #page-body:has(#i_reply[alt*="zaključan"]), #main-content:has(.i_reply[alt*="zaključan"])').prepend('<div class="topic-warning-block" align="center">Tema je zaključana, ne može se više mjenjati.</div>');
    });

It is applied to denote locked topic. Word "zaključan" means "locked" in my native language.

There is CSS code with this JavaScript code:

Code:

/* Locked topic */
    .topic-warning-block {
      border: 1px solid;
      margin: 10px 0px;
      padding: 15px 10px 15px 50px;
      background-repeat: no-repeat;
      background-position: 10px center;
      background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png);
      color: #750000 !important;
      background-color: #D26067;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      text-shadow: 1px 1px 1px #AAA;
    }

Why is necessary to introduce this kind of incompatibility in so fraternal forum versions?

the issue is when you switch versions or theme's your css gets deleted .. you will need to re add your css for the warning message

_Twisted_Mods_ wrote:the issue is when you switch versions or theme's your css gets deleted .. you will need to re add your css for the warning message

I have, another, experimental forum where I test solutions. You are now on my "real" forum. I do not change version, skin or something else on "real" forum. I only add new JavaScript and CSS.

oh then i will need your test forum and a login to see what the issue is there

Actually this is my grand daughter's forum.  

Test forum

Here is locked topic Locked

Account data are coming via PM.

P.S. On test forum everything works fine.

it works fine i see the message right on top .. try clearing your browser cache and history

On my forum (PHPBB 3) I see the message like this:


But I want the message like this one on PHPBB 2 forum (experimental forum):

I cleaned the browser cash and history. JavaScript and CSS code are the same.

make sure you have the css

phpBB 2 and 3 have different CSS selectors.  Make sure you are using phpBB 3 selectors.

Thank you, Twisted_Mod and SLGray, for marking the direction where to look for errors. Give me some time to "investigate" what is going on in my CSS code. If I solve the problem, I will let you know.

Have a nice day!

Post scriptum 23.02.2015. 20:45: It must be some problem with CSS code implementation. It is the same as I did not write CSS code at all. Even the most simple instructions have not any influence on displayed message.