Change BgColor using dynamic Web Safe Color Palette Version 1.1


The DHTML Menu - reloaded

FX Sinus offers one of the most versatile DHTML navigation systems

Either your browser doesn't support JavaScript properly, or you have turned JavaScript off. Though most of the content at fxsinus.com relies on JavaScript and is therefore not visible to you, feel free to navigate with the links below or with the help of the sitemap.

FX DHTML Menu

Menu Version Information
Reference Guide: Global Variables
Reference Guide: Style Properties
Reference Guide: Menu Properties
Reference Guide: Item Properties
FAQ
Browser Compatibility
Compatibility with other Scripts
Menu Samples Overview
Professional Webdesigners
License & Purchase
Download FX Menu

Support

E-Mail
Forum

Archive

Complete Archive Sitemap
MX Menu Wizard
MineSweeper JavaScript

Change BgColor d-Pal Version 1.1

Demo: Change BgColor
Browser: ie4+
Contributor: © 2002 crazyrosa
Script-size: 5 kb
uploaded: 12 03 02
last modified: 12 03 02

Step 1:Open your webpage. Paste the following code between
the <head> tag and </head> tag:

var ie = (document.all) ? 1:0;

function ColorizerInput(a,b,c)
  {
   thisColorIs=String('#')+String(a)+String(b)+String(c);
   document.Auswahl.erstes.value = thisColorIs
   document.bgColor=thisColorIs;
}

function controlImg()
  {
   if(ie)
      {
        MemberContainer=document.all['bgColor']
        MemberContainer.onmouseover=resetTimer;
        MemberContainer.onmouseout=hideTimer
        }
}

aktiv=0;
dtet=0;
function resetTimer(whatsOn)
  {
   if(ie)
     {
     if(whatsOn==undefined)whatsOn=saveWhatsOn
     saveWhatsOn=whatsOn;
     showColors(saveWhatsOn,0);window.clearTimeout(aktiv);
     }
}

function hideTimer()
 {
  if(ie)
   {
      aktiv=window.setTimeout("hideColors()",200);
   }
}

function hideColors()
 {
   if(ie)document.all.bgColor.style.visibility='hidden';
}
window.onload=controlImg
</script>

Step 2:Paste the following code between
the <body> tag and </body> tag:

<a href="javascript:void()" onmouseover="resetTimer(1)"
onmouseout="hideTimer(1)">Change backgroundcolor</a>

<div id="bgColor" style="position:absolute;left:200px;top:150px;width:280px;height:60px;color:white;layer-background-color:black;background-color:black;visibility:hidden"><img src="../image/ecircecolpal2.gif" width="280" height="169" border="0" alt="" usemap="#vgmap"></div>

var posTopLeft=1;
var posLeftLeft=1;
var fromLeftToRight=20;
var fromTopToBottom=12;
var divWidth=13;
var divHeight=13;

var secondOfThree='00';
var thirdOfThree='00';

function ThatReturnsString(comingUpFromBehindString,NumberOfComingUpFromBehind){
if(comingUpFromBehindString=='00'){comingUpFromBehindString='33'}
else if(comingUpFromBehindString=='33'){comingUpFromBehindString='66'}
else if(comingUpFromBehindString=='66'){comingUpFromBehindString='99'}
else if(comingUpFromBehindString=='99'){comingUpFromBehindString='CC'}
else if(comingUpFromBehindString=='CC'){comingUpFromBehindString='FF'}
else if(comingUpFromBehindString=='FF'){comingUpFromBehindString='00'}

if(NumberOfComingUpFromBehind==1)firstOfThree=comingUpFromBehindString;
if(NumberOfComingUpFromBehind==2)secondOfThree=comingUpFromBehindString;
if(NumberOfComingUpFromBehind==3)thirdOfThree=comingUpFromBehindString;
}

var firstOfThree='00';
var secondOfThree='00';
var thirdOfThree='00'
var third='00'

document.write('<map name="vgmap">');
for(j=1;j<=fromTopToBottom;j++){

for(i=1;i<=fromLeftToRight;i++){
outOfOrder=false;
if(j<=6)firstOfThree='00';
else firstOfThree='99';
if(i>6){firstOfThree='33';if(j>6)firstOfThree='CC';}
if(i>12){firstOfThree='66';if(j>6)firstOfThree='FF';}
if(i==19){doSaveColorTwo=secondOfThree;doSaveColorThree=thirdOfThree;firstOfThree='00';secondOfThree='00';thirdOfThree='00';}
if((i==20)&&(j==1)){third=thirdOfThree;firstOfThree='00';secondOfThree='00';thirdOfThree='00';}
else if((i==20)&&(j<=6)){ThatReturnsString(third,3);third=thirdOfThree
firstOfThree=thirdOfThree;secondOfThree=thirdOfThree;outOfOrder=true}
else if((i==20)&&(j==7)){firstOfThree='FF';secondOfThree='00';thirdOfThree='00';outOfOrder=true}
else if((i==20)&&(j==8)){firstOfThree='00';secondOfThree='FF';thirdOfThree='00';outOfOrder=true}
else if((i==20)&&(j==9)){firstOfThree='00';secondOfThree='00';thirdOfThree='FF';outOfOrder=true}
else if((i==20)&&(j==10)){firstOfThree='FF';secondOfThree='FF';thirdOfThree='00';outOfOrder=true}
else if((i==20)&&(j==11)){firstOfThree='00';secondOfThree='FF';thirdOfThree='FF';outOfOrder=true}
else if((i==20)&&(j==12)){firstOfThree='FF';secondOfThree='00';thirdOfThree='FF';outOfOrder=true}

posLeftRight=posLeftLeft+divWidth;posTopRight=posTopLeft+divHeight;
if(ie)document.write('<area shape="rect" coords="'+posLeftLeft+','+posTopLeft+','+posLeftRight+','+posTopRight+'" href="javascript:ColorizerInput(\''+firstOfThree+'\',\''+secondOfThree+'\',\''+thirdOfThree+'\')"  title="#'+firstOfThree+secondOfThree+thirdOfThree+'">');

if(outOfOrder){secondOfThree=doSaveColorTwo;}
if(outOfOrder){thirdOfThree=doSaveColorThree;}
if(i<=18)ThatReturnsString(secondOfThree,2);

posLeftLeft=divWidth+posLeftLeft+1;}
ThatReturnsString(thirdOfThree,3)

posTopLeft=divHeight+posTopLeft+1;posLeftLeft=0;}
document.write('</map>');
</script>

Step 3: Save this Web Safe Color Palette