Simple question: How to add custom JavaScript to forum

[iamataloss]

Hello. I'm wondering how to add custom JavaScript code to my forum? I'm using phpBB2.

Thanks!

[c3vietk]

ACP ~> Modules ~> Javascript codes management

[Guest]

Please read this topic if your forum version is phpBB2.

Below "The applications of this innovation are endless and can completely transform your forum. They are limited only by your imagination and your JavaScript skills " you have to read something important!

[iamataloss]

Is it different for jQuery?
As a test, I went to the Javascript codes management page and added the following code:

Code:

$('body').css("display","none");

It didn't effect the page at all. Is there anything I'm doing incorrectly?

[robot_boy18]

Hello, you can add css at Color >> Css. Jquery
If you want to use jquery, it should look like this one

Code:

$(function(){
$("body").css("display","none");});

[kirk]

why dont you add your css to your css page?
It sounds like you may be making things more difficult then they have to be?

But we would need to know exactly what it is your trying to do and see the scripting your trying to use to better help you in the right direction.

Or explain as much as you can.

[Guest]

Very strange about your code, lol. To give the body selector display: none it's like to hide your forum content, all forum. May you explain more?

[LGforum]

As they explained that code was just as a test.

The reason it didn't work is because the script go in to the header of the page. That script would have been executed before the body tag had even loaded. For such scripts which require the DOM to be loaded, you need to contain it within the a jQuery DOM ready function, which means the script will wait until the DOM is fully loaded before executing.

As someone mentioned above that would be this:

Code:


$(function(){

code here

});


[iamataloss]

As they explained that code was just as a test.

Exactly, I was trying to think of something that would be a very noticeable test and that was the first thing that came to mind.

The reason it didn't work is because the script go in to the header of the page. That script would have been executed before the body tag had even loaded. For such scripts which require the DOM to be loaded, you need to contain it within the a jQuery DOM ready function, which means the script will wait until the DOM is fully loaded before executing.

As someone mentioned above that would be this:

Code:


$(function(){

code here

});


I thought for sure I had tried that already, I was wrong. Works perfectly, thanks everyone!

[Nera.]

Topic Solved & Locked