Changing bgcolor with buttons 1

buspass01 · Nov 18, 2002

I am creating a page that the user can choose their background color by clicking a color button on the form. For some reason I can not get my buttons to work. Any suggestions? Please help

<SCRIPT LANGUAGE="JavaScript1.2">
//HIDE FORM INCOMPATIBLE BROWSERS
var green_change = "green";
var yellow_change = "yellow";
var red_change= "red";
function changeColor() {
if (document.colors.red_name==true){
document.bgColor="red";
}
else if (document.colors.yellow_name==true){
document.bgColor="yellow";
}
else if (document.colors.blue_name==true){
document.bgColor="blue";
}
}
</SCRIPT>
</head>
<body>
<form name="colors" action="" method="get">
<INPUT TYPE="BUTTON" VALUE="RED" NAME="red_name"onClick="changeColor()">
<INPUT TYPE="BUTTON" VALUE="YELLOW" NAME="yellow_name" onClick="changeColor()">
<INPUT TYPE="BUTTON" VALUE="BLUE" NAME="blue_name" onClick="changeColor()">
</form>
</body>

mwolf00 · Nov 18, 2002

You will have style differences b/n IE and NetScape....

try this:

<SCRIPT LANGUAGE="JavaScript1.2">
//HIDE FORM INCOMPATIBLE BROWSERS
var green_change = "green";
var yellow_change = "yellow";
var red_change= "red";
function changeColor(inButton) {
document.bgColor = inButton.value}
</SCRIPT>
</head>
<body>
<form name="colors" action="" method="get">
<INPUT TYPE="BUTTON" VALUE="RED" NAME="red_name" onClick="changeColor(this)">
<INPUT TYPE="BUTTON" VALUE="YELLOW" NAME="yellow_name" onClick="changeColor(this)">
<INPUT TYPE="BUTTON" VALUE="BLUE" NAME="blue_name" onClick="changeColor(this)">
</form>
</body> -- Just trying to help...
[wolf]

<--- This is a wolf? We need a new icon.......
mikewolf@tst-us.com

buspass01 · Nov 18, 2002

Thanks mwolf00!!! That helps a lot!!!!

Does anyone know how to save the background color that the user picks in a cookie? So that when the user revisits the page the background color will the one that is saved in the cookie?

Thanks,

buspass01

mwolf00 · Nov 18, 2002

<SCRIPT LANGUAGE="JavaScript1.2">
//HIDE FORM INCOMPATIBLE BROWSERS
function setColor(){
pageColor = getCookie("color&quot

if (pageColor != "not found&quot

{
document.bgColor = pageColor
}
}

function changeColor(inButton) {
document.bgColor = inButton.value
setCookie("color",inButton.value)
}
function setCookie(name, value){
document.cookie = name + "=" + value
}
function getCookie(name){
myCookie = " " + document.cookie + ";"
searchName = " " + name + "="
nameLength = searchName.length
startOfCookie = myCookie.indexOf(searchName)

if (startOfCookie != -1){
startOfCookie += nameLength
endOfCookie = myCookie.indexOf(";", startOfCookie)
return myCookie.substring(startOfCookie,endOfCookie)
}
return "not found"
}
</SCRIPT>
</head>
<body onLoad="setColor()">
<form name="colors" action="" method="get">
<INPUT TYPE="BUTTON" VALUE="RED" NAME="red_name" onClick="changeColor(this)">
<INPUT TYPE="BUTTON" VALUE="YELLOW" NAME="yellow_name" onClick="changeColor(this)">
<INPUT TYPE="BUTTON" VALUE="BLUE" NAME="blue_name" onClick="changeColor(this)">
</form>
</body> -- Just trying to help...
[wolf]

<--- This is a wolf? We need a new icon.......
mikewolf@tst-us.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Changing bgcolor with buttons 1

buspass01

Programmer

mwolf00

Programmer

buspass01

Programmer

mwolf00

Programmer

Similar threads

Part and Inventory Search

Sponsor