...

View Full Version : 2 week deadline - change background colors



jstewie
07-04-2005, 02:05 PM
Hello guys,

Thanks for your help so far. I'm still trying to find a javascript or something that would allow for text to speech to happen. I need help in trying to find a useful script or something that would help with the security (login/password). I have a database made, I just need to find a script to use it in and that works. I'm still trying to teach myself coding, I still can't get ability and allow other viewers to change the color - the background color to whatever they want. I volunteered to do this webpage, however, I need to use other people scripts and I still need help. This is for fun and now it's like I have to get high tech stuff. I still have to get this webpage done in two weeks.

nikkiH
07-04-2005, 03:16 PM
http://www.ipwebdesign.net/useful_jsSwitchBGColor.html

jshl_wiz
07-04-2005, 04:38 PM
Understanding how to change the background color is easier than it seems. All you have to do is this:

<a href="#" onclick="document.bgColor = 'red'">Change to red</a>

this will change the background color of the WHOLE page when the user clicks on the link. You could also use CSS if you are planning to change the background color of tables, text fragments, etc.

<a href="#" onclick="document.myTable.style.backgroundColor='red'">Change the table background Color to red</a>

this will change the background color of a table with the name "myTable" when the user clicks the link.

Please don't doubt to answer this post since I know how it feels when you want to do something and it seems to be impossible... hehe :p

jstewie
07-04-2005, 06:46 PM
need help with this script... Big time, I like that it allows webpage viewers to change both the text color and the background color. But I need to allow the viewer to set the colors, like create a cookie or something. At the same time, be able to change the color of the background without changing the color of the text. This script does both at the same time, it's hard on the eyes. I need to allow viewers to change the background text and set it and then change the text color and set that too.

<SCRIPT language=JavaScript>

lck=0;

function r(hval)
{
if ( lck == 0 )
{
document.bgColor=hval;
document.fgColor=hval;
document.f.c.value=hval;
}
}

function l()
{
if (lck == 0)
{
lck = 1;

}
else
{
lck = 0;

}
}


</SCRIPT>


<BODY bgColor=#ffffcc>
<P>
<CENTER>
<P>
<TABLE border=0>
<TBODY>
<TR>
<TD bgColor=#000000><A onmouseover="r('#000000'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#000033><A onmouseover="r('#000033'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#000066><A onmouseover="r('#000066'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#000099><A onmouseover="r('#000099'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#0000cc><A onmouseover="r('#0000cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#0000ff><A onmouseover="r('#0000ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#006600><A onmouseover="r('#006600'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#006633><A onmouseover="r('#006633'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#006666><A onmouseover="r('#006666'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 <TD bgColor=#660066><A onmouseover="r('#660066'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#660099><A onmouseover="r('#660099'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6600cc><A onmouseover="r('#6600cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6600ff><A onmouseover="r('#6600ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#666600><A onmouseover="r('#666600'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#666633><A onmouseover="r('#666633'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#666666><A onmouseover="r('#666666'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#666699><A onmouseover="r('#666699'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6666cc><A onmouseover="r('#6666cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6666ff><A onmouseover="r('#6666ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66cc00><A onmouseover="r('#66cc00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66cc33><A onmouseover="r('#66cc33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66cc66><A onmouseover="r('#66cc66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66cc99><A onmouseover="r('#66cc99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66cccc><A onmouseover="r('#66cccc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ccff><A onmouseover="r('#66ccff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD></TR>
<TR>
<TD bgColor=#663300><A onmouseover="r('#663300'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#663333><A onmouseover="r('#663333'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#663366><A onmouseover="r('#663366'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#663399><A onmouseover="r('#663399'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6633cc><A onmouseover="r('#6633cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6633ff><A onmouseover="r('#6633ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#669900><A onmouseover="r('#669900'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#669933><A onmouseover="r('#669933'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#669966><A onmouseover="r('#669966'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#669999><A onmouseover="r('#669999'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6699cc><A onmouseover="r('#6699cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#6699ff><A onmouseover="r('#6699ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ff00><A onmouseover="r('#66ff00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ff33><A onmouseover="r('#66ff33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ff66><A onmouseover="r('#66ff66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ff99><A onmouseover="r('#66ff99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ffcc><A onmouseover="r('#66ffcc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#66ffff><A onmouseover="r('#66ffff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD></TR>
<TR>
<TD bgColor=#990000><A onmouseover="r('#990000'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#990033><A onmouseover="r('#990033'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#990066><A onmouseover="r('#990066'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#990099><A onmouseover="r('#990099'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#9900cc><A onmouseover="r('#9900cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#9900ff><A onmouseover="r('#9900ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#996600><A onmouseover="r('#996600'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#996633><A onmouseover="r('#996633'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#996666><A onmouseover="r('#996666'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc0066><A onmouseover="r('#cc0066'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc0099><A onmouseover="r('#cc0099'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc00cc><A onmouseover="r('#cc00cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc00ff><A onmouseover="r('#cc00ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc6600><A onmouseover="r('#cc6600'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc6633><A onmouseover="r('#cc6633'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc6666><A onmouseover="r('#cc6666'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc6699><A onmouseover="r('#cc6699'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc66cc><A onmouseover="r('#cc66cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc66ff><A onmouseover="r('#cc66ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cccc00><A onmouseover="r('#cccc00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cccc33><A onmouseover="r('#cccc33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cccc66><A onmouseover="r('#cccc66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cccc99><A onmouseover="r('#cccc99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cccccc><A onmouseover="r('#cccccc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccccff><A onmouseover="r('#ccccff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD></TR>
<TR>
<TD bgColor=#cc3300><A onmouseover="r('#cc3300'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc3333><A onmouseover="r('#cc3333'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc3366><A onmouseover="r('#cc3366'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc3399><A onmouseover="r('#cc3399'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc33cc><A onmouseover="r('#cc33cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc33ff><A onmouseover="r('#cc33ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc9900><A onmouseover="r('#cc9900'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc9933><A onmouseover="r('#cc9933'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc9966><A onmouseover="r('#cc9966'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc9999><A onmouseover="r('#cc9999'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc99cc><A onmouseover="r('#cc99cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#cc99ff><A onmouseover="r('#cc99ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccff00><A onmouseover="r('#ccff00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccff33><A onmouseover="r('#ccff33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccff66><A onmouseover="r('#ccff66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccff99><A onmouseover="r('#ccff99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccffcc><A onmouseover="r('#ccffcc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ccffff><A onmouseover="r('#ccffff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD></TR>
<TR>
<TD bgColor=#ff0000><A onmouseover="r('#ff0000'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff0033><A onmouseover="r('#ff0033'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff0066><A onmouseover="r('#ff0066'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff0099><A onmouseover="r('#ff0099'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff00cc><A onmouseover="r('#ff00cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff00ff><A onmouseover="r('#ff00ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff6600><A onmouseover="r('#ff6600'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff6633><A onmouseover="r('#ff6633'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff6666><A onmouseover="r('#ff6666'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff6699><A onmouseover="r('#ff6699'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff66cc><A onmouseover="r('#ff66cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff66ff><A onmouseover="r('#ff66ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffcc00><A onmouseover="r('#ffcc00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffcc33><A onmouseover="r('#ffcc33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffcc66><A onmouseover="r('#ffcc66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffcc99><A onmouseover="r('#ffcc99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffcccc><A onmouseover="r('#ffcccc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffccff><A onmouseover="r('#ffccff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD></TR>
<TR>
<TD bgColor=#ff3300><A onmouseover="r('#ff3300'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff3333><A onmouseover="r('#ff3333'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff3366><A onmouseover="r('#ff3366'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff3399><A onmouseover="r('#ff3399'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff33cc><A onmouseover="r('#ff33cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff33ff><A onmouseover="r('#ff33ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff9900><A onmouseover="r('#ff9900'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff9933><A onmouseover="r('#ff9933'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff9966><A onmouseover="r('#ff9966'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff9999><A onmouseover="r('#ff9999'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff99cc><A onmouseover="r('#ff99cc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ff99ff><A onmouseover="r('#ff99ff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffff00><A onmouseover="r('#ffff00'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffff33><A onmouseover="r('#ffff33'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffff66><A onmouseover="r('#ffff66'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffff99><A onmouseover="r('#ffff99'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffffcc><A onmouseover="r('#ffffcc'); return true"
href="javascript:l()"><IMG height=10 src="" width=10 border=0></A></TD>
<TD bgColor=#ffffff><A onmouseover="r('#ffffff'); return true"
href="javascript:l()"><IMG height=10 src="" width=10
border=0></A></TD></TR></TBODY></TABLE>
<P>
<FORM name=f><INPUT size=7 name=c> </FORM>
<p><font size="7"></font></p>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum