Adding javascript to phpbb

Daniel · #1 (**permalink**) Oct 25th, 2007, 15:43

I'm trying to add a piece of javascript code - it's meant to go just above the <body> tag so I added it in the overall_header template below the </head> tag as this would be before the body tag but it doesnt work.

Any ideas to get it to work.

HTML: Select all

<SCRIPT TYPE="text/javascript">
 
if(!window.Halloween) Halloween=new Object();
Halloween.ghostImages = new Array( 
    "<img src='ghost3.gif'>",
    "<img src='ghost1.gif'>",
    "<img src='ghost2.gif'>",
    "<img src='ghost2.gif'>"
);
var ns4 = document.layers;
var ie4 = document.all;
Halloween.makeLayer = function(id)
{
    var el =     document.getElementById    ? document.getElementById(id) :
            document.all         ? document.all[id] :
                              document.layers[id];
    if(ns4) el.style=el;
    el.sP=function(x,y){this.style.left = x;this.style.top=y;};
    el.show=function(){ this.style.visibility = "visible"; } 
    el.hide=function(){ this.style.visibility = "hidden"; } 
    if(ns4 || window.opera) 
        el.sO = function(pc){return 0;};
    else if(ie4)
        el.sO = function(pc)
        {
            if(this.style.filter=="")
                this.style.filter="alpha(opacity=100);";
            this.filters.alpha.opacity=pc;
        }
    else
        el.sO = function(pc){this.style.MozOpacity=pc/100;}

    return el;
}

if(window.innerWidth)
{
    gX=function(){return innerWidth;};
    gY=function(){return innerHeight;};
}
else
{
    gX=function(){return document.body.clientWidth-30;};
    gY=function(){return document.body.clientHeight-30;};
}
Halloween.ghostOutput=function()
{
    for(var i=0 ; i<Halloween.ghostImages.length ; i++)
        document.write(ns4 ? "<LAYER  NAME='gh"+i+"'>"+Halloween.ghostImages[i]+"</LAYER>" : 
                       "<DIV id='gh"+i+"' style='position:absolute'>"+Halloween.ghostImages[i]+"</DIV>" );
    
}
Halloween.ghostSprites = new Array();
Halloween.ghostStartAni = function()
{
    for(var i=0 ;i<Halloween.ghostImages.length;i++)
    {
        var el=Halloween.makeLayer("gh"+i);
        el.x=Math.random()*gX();
        el.y=Math.random()*gY();
        el.tx=Math.random()*gX();
        el.ty=Math.random()*gY();
        el.dx=-5+Math.random()*10;
        el.dy=-5+Math.random()*10;
        el.state="off";
        el.op=0;
        el.sO(el.op);
        el.hide();
        Halloween.ghostSprites[i] = el;
    }
    setInterval("Halloween.ghostAni()", 40);
}
Halloween.ghostAni = function()
{
    for(var i=0 ;i<Halloween.ghostSprites.length;i++)
    {
        el=Halloween.ghostSprites[i];

        if(el.state == "off")
        {
            if(Math.random() > .99)
            {
                el.state="up";
                el.show();
            }
        }
        else if(el.state == "on")
        {
            if(Math.random() > .98)
                el.state="down";
        }
        else if(el.state == "up")
        {
            el.op += 2;
            el.sO(el.op);
            if(el.op==100)
                el.state = "on";
        }
        else if(el.state == "down")
        {
            el.op -= 2;
            if(el.op==0)
            {
                el.hide();
                el.state = "off";
            }
            else
                el.sO(el.op);
        }

        var X = (el.tx - el.x);
        var Y = (el.ty - el.y);
        var len = Math.sqrt(X*X+Y*Y);
        if(len < 1) len = 1;
        var dx = 20 * (X/len);
        var dy = 20 * (Y/len);
        var ddx = (dx - el.dx)/10;
        var ddy = (dy - el.dy)/10;
        el.dx += ddx;
        el.dy += ddy;
        el.sP(el.x+=el.dx,el.y+=el.dy);

        if(Math.random() >.95 )
        {
            el.tx = Math.random()*gX();
            el.ty = Math.random()*gY();
        }

    }
}
Halloween.ghostStart = function()
{
    if(Halloween.ghostLoad)Halloween.ghostLoad();
    Halloween.ghostStartAni();
}
Halloween.ghostOutput();
Halloween.ghostLoad=window.onload;
window.onload=Halloween.ghostStart;

</SCRIPT>

Lucleonhart · #2 (**permalink**) Oct 25th, 2007, 20:01

Between head and body?! What is the, never neverland?! ^^
I would try to add it in head OR body.. Prefering HEAD!

Daniel · #3 (**permalink**) Oct 25th, 2007, 20:26

What?

c010depunkk · #4 (**permalink**) Oct 25th, 2007, 20:37

lol, let me translate:

Between head and body?! That's never never land?! ^^
Put it in the head or in the body. Most scripts go in the head.

Daniel · #5 (**permalink**) Oct 25th, 2007, 20:42

I tried that - neither seemed to work (is this yuor friend?)

c010depunkk · #6 (**permalink**) Oct 25th, 2007, 21:28

yep

Well, check your javascript error console. Are you getting any errors?

Daniel · #7 (**permalink**) Oct 25th, 2007, 21:59

What?

Lucleonhart · #8 (**permalink**) Oct 26th, 2007, 04:30

Oh, i am sorry, i thought it would be readable. ^^
To check Javascript errors, first you need Firefox.
Then go to "Extras -> Error Console". Hit the Delete Buton there to wipe the list.
Than, open your page, and look inside the error list... anything there?

Rakuli · #9 (**permalink**) Oct 26th, 2007, 08:17

Hi Daniel,

The actual javascript is fine ( I just tested for you in IE & FF)... You need to place the script before the </head>.

With PHPBB, how is the template printed to the screen? Is it echo'd or printed? If it is, you will need to escape all of your data ie. add backslashes to all single/double quotes

Also, in the page you are adding this script to, does it already have a window.onload = something?

Cheers,

Daniel · #10 (**permalink**) Oct 26th, 2007, 14:35

I dunno - I'm not gonna bother with this script cause it was only a couple of ghosts.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
phpBB	alexgeek	Website Planning	34	Oct 2nd, 2007 23:30
Help with Phpbb forum	Ofear	Scripts and Online Services	8	Jul 24th, 2007 13:00
Free PHPBB?	collinsc	PHP Forum	13	Mar 12th, 2007 18:01
phpbb Forums mod	saltedm8	PHP Forum	10	May 9th, 2006 22:27
PHPbb forum help	RSStites	PHP Forum	5	Aug 8th, 2005 00:10

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Adding javascript to phpbb