JavaScript Forum

**spoonie3372** · 05-26-2007, 01:00 PM

heres my code...it doesnt work in firefox >> example website (http://spoonie3372.tirpod.com/index.html)

CODE::

<head>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<title>
TESTING
</title>
</head>
<body onload="fixedBackground('clouds-03.jpg');">

**tripy** · 05-26-2007, 04:25 PM

Well, I got it working in FF with your code, but your mixing old style js coding and dom manipulation.
Why not go all the way through dom ?

I suggest you split that in 2 files, and most important, that you validate your HTML before all.

The html:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>
        TESTING
        </title>
        <script src="bg.js" type="text/javascript"/>
    </head>
    <body onload="fixedBackground('http://www.webmaster-talk.com/bluesky/vb_img/logo.gif')">
        <br/>
    </body>
</html>

And then for the js:

Code:

var backgroundset=false;
function fixedBackground(url){
    if(!backgroundset){
        var _body=document.getElementsByTagName("body")[0];
        _body.style.overflow = 'hidden';
        _body.style.padding = '0px';
        _body.style.margin = '0px';
        
        var overlay = document.createElement('DIV');
        overlay.style.position = 'absolute';
        overlay.style.top = '0px';
        overlay.style.left = '0px';
        overlay.style.height = '100%';
        overlay.style.width = '100%';
        overlay.style.overflow = 'auto';
        
        var bgImg=document.createElement('img');
        bgImg.id="background";
        bgImg.style.height="100%";
        bgImg.style.width="100%";
        bgImg.src=url;
        
        overlay.appendChild(bgImg);
        _body.appendChild(overlay);
        
        backgroundset=true;
    }
    else{
        background.src=url;
    }
}