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 3 of 3
  1. #1
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,096
    Thanks
    15
    Thanked 1 Time in 1 Post

    Question change the body bgcolor

    Code:
    <script language="javascript">
    
    function HideNPrint() {
    
    PrintMe.style.visibility = "hidden";
    print();
    PrintMe.style.visibility = "visible";
    }
    </script>
    <body bgcolor="#ececec"> 
    
    <input type="button" name="Print Breakdown" id="print_breakdown" 
    value="Print Breakdown" onClick="HideNPrint();" onmouseover="style.cursor='hand'">
    is there any way to change the body bgcolor from #ECECEC to #FFFFFF when this button is clicked?

  • #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
    Sure; it's been posted a couple times here. Just search. Last time it was posted was just a few days ago.

    But why would you want to do this the hard way?
    It appears you're changing this for printing.
    Learn CSS. Use the media attribute to specify what to print and in what color. Save yourself some headaches.
    http://www.w3.org/TR/REC-CSS2/media.html

    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
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,096
    Thanks
    15
    Thanked 1 Time in 1 Post
    This is what i was after.............

    Code:
    <script language="javascript">
    function changecolor(code)
    {
       document.bgColor=code
    }
    function HideNPrint()
    {
    	PrintMe.style.visibility = "hidden";
    	print();
    	PrintMe.style.visibility = "visible";
    }
    
    
    </script>
    
    <body bgcolor="#f5f5f5" alink="#0000ff" link="#0000ff" vlink="#0000ff" onLoad="InitializeTimer();"> 
    
    .... onClick="changecolor('#FFFFFF');HideNPrint();" .....


  •  

    Posting Permissions

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