Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts

    2 week deadline - change background colors

    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.

  • #2
    Senior Coder nikkiH's Avatar
    Join Date
    Jun 2005
    Location
    Near Chicago, IL, USA
    Posts
    1,973
    Thanks
    1
    Thanked 32 Times in 31 Posts

    If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
    Bored? Visit
    http://www.kaelisspace.com/

  • #3
    New Coder
    Join Date
    May 2005
    Location
    Alabama
    Posts
    49
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    New Coder
    Join Date
    Jun 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background color/ Text Color - JavaScript, need help ASAP

    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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •