Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript_howto thread: CSS - Javascript - Combination?


Message #1 by "Daryl Isaacs" <idaryl@d...> on Sun, 26 Jan 2003 01:07:19
----- Original Message ----- 
From: "Daryl Isaacs" <idaryl@d...>
To: "JavaScript HowTo" <javascript_howto@p...>
Sent: Sunday, January 26, 2003 1:07 AM
Subject: [javascript_howto] CSS - Javascript - Combination?


> Can anyone look at this to see where I'm going wrong here? The
> background image is supposed to change - but .....
>
> <HTML>
> <HEAD>
> <style type="text/css">
> .bgd { background-image: url(includes/backs/commonbk.gif);
> background-repeat: no-repeat; background-position: left top;}
> </style>
> <Script language="Javascript">
> function change() {
> var number = Math.floor(Math.random()*9);
> var o_Body = document.getElementById("myBody");
> if (number==0)
> o_Body.style.backgroundImage="url(includes/backs/commonbk.g
> if)";
> if (number==1)
> o_Body.style.backgroundImage="url(includes/backs/persbk.gif)";
> if (number==2)
> o_Body.style.backgroundImage="url(includes/backs/commonbk.g
> if)";
> if (number==3)
> o_Body.style.backgroundImage="url(includes/backs/persbk.gif)";
> if (number==4)
> o_Body.style.backgroundImage="url(includes/backs/persbk.gif)";
> if (number==5)
> o_Body.style.backgroundImage="url(includes/backs/commonbk.g
> if)";
> if (number==6)
> o_Body.style.backgroundImage="url(includes/backs/persbk.gif)";
> if (number==7)
> o_Body.style.backgroundImage="url(includes/backs/commonbk.g
> if)";
> if (number==8)
> o_Body.style.backgroundImage="url(includes/backs/persbk.gif)";
> }
> </script>
> </HEAD>
> <BODY id="myBody" class="bgd">
> Test for background change
> </BODY>
> </HTML>
Can't you just set the backgroundImage property to a URL without the url
function?
o_Body.style.backgroundImage="includes/backs/persbk.gif";

Joe

  Return to Index