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!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Continuous div background color changer 1

Status
Not open for further replies.
Sort by date Sort by votes
The line that specifies that the document's color be changed is [tt]document.bgcolor = color[/tt]

Change document to what you want.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
Upvote 0 Downvote
OK, thank you, but I'm not sure what syntax to use:

document.divname.bgcolor

or

divname.bgcolor

??
 
Upvote 0 Downvote
document.getElementById("divname").bgcolor

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
Upvote 0 Downvote
Thank you, but I'm still having a problem

Code: 
<body>
<script language="JavaScript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - [URL unfurl="true"]http://www.javascript-page.com[/URL]

var currentcolor = 0

function initArray(n) {
  this.length = n;
  for (var i =1; i <= n; i++) {
    this[i] = ' '
  }
}

bgcolors = new initArray(15)
bgcolors[0]="ffffff"
bgcolors[1]="ffdead"
bgcolors[2]="ffffff"
bgcolors[3]="add8e6"
bgcolors[4]="0000ff"
bgcolors[5]="add8e6"
bgcolors[6]="90ee90"
bgcolors[7]="00ff00"
bgcolors[8]="90ee90"
bgcolors[9]="ffc0cb"
bgcolors[10]="ff0000"
bgcolors[11]="ffc0cb"
bgcolors[12]="FFFFFF"
bgcolors[13]="ffdead"
bgcolors[14]="FFFFFF"

function backgroundChanger() {
[COLOR=red]document.getElementById("test").bgcolor[/color] = bgcolors[currentcolor];

if (currentcolor < bgcolors.length-1) {
currentcolor++
setTimeout("backgroundChanger()", 1000);
}
}

backgroundChanger();
//-->
</script>


<div id="test" style="width: 400px; height: 200px"></div>
</body>

I don't know what's wrong
 
Upvote 0 Downvote
for IE:
document.all["test"].style.backgroundColor

for NS:
document.layers["test"].bgColor



--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
Upvote 0 Downvote
Also, the function backgroundChanger should be called in the body tag using <body onLoad="backgroundChanger()"> or the script should be placed after the div.

Otherwise, the function will try to change the div before it exists.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
2K
ggriffit
ggriffit
ahmedsa2018
  • Locked
  • Question
How to make function give row that have different value with color red to full row ?
Replies
1
Views
231
feherke
feherke
malibu65k
  • Locked
  • Question
Hide/Unhide div using Radio button onClick
Replies
4
Views
293
malibu65k
malibu65k
bluemask11
  • Locked
  • Question
jQuery hide div class if total equal to 0
2
Replies
23
Views
700
bluemask11
bluemask11
GRIFFIJ
  • Locked
  • Question
Centre a div
Replies
5
Views
182
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top