Way To Change DIV Background Using Script
May 18, 2011
I currently have a web site in which I am using some Javascript to change the Background of a DIV.
The DIV is defined as follows :
<div id="outerscreen">
<div id="mainscreen">
</div>
</div>
and the Javascript I am using is as follows :
var docEl = document.getElementById('outerscreen'); docEl.style.backgroundImage = "url('pics/intro.gif')";
My problem arises where this function works perfectly on IE but fails for Chrome, FF and Safari.
Can anyone shed any light on what the problem is and how I might be able to resovle this.
View 14 Replies
ADVERTISEMENT
Apr 29, 2011
I am trying to change my sites background color. The color changes but it doesn't go back to the first image anymore. does anybody know what the problem could be?
jQuery Code:
HTML Code:
View 1 Replies
View Related
Jul 3, 2009
I'm pretty new at javascript. I came here with my last problem and it was solved quickly and really helped. Alas now I am stuck again.
I have a series of buttons on the stage, each with their own div tag with the same ID. The number of buttons will be dynamic based on the users account. When you click the button, I would like the background of the div tag, which contains that button, to change. I have no idea how to go about this. I've tried different approaches but none seem to be panning out. Is there a simple this.div function that I could call?
View 5 Replies
View Related
Jul 23, 2005
How can I change the background IMAGE (not just color) of a CELL in a table?
I know that I can do this using CSS, but I really need to be able to do it
using JavaScript. Anyone know how?
Must be able to change the image for each cell - not the whole table.
View 7 Replies
View Related
Oct 19, 2006
How can I change the background color of a DIV when the mouse is over it?
View 3 Replies
View Related
Dec 11, 2009
Is it possible to have a different background image on IE to firefox, I am doing my background image as shown below:
However I want script that says if IE, show unbranded_bg2.png and if firefox show unbranded_bg.png.
View 4 Replies
View Related
Nov 9, 2010
Clearly I'm doing something wrong. Here's my external javascript:
document.getElementById('maincontent').style.backgroundColor = "#660000";
Here's my external CSS
#maincontent {
background-color: #999;
}
Here's my HTML:
<div id="container">
<div id="maincontent">
[code]...
Nothing happens. What am I doing wrong?
View 4 Replies
View Related
Apr 20, 2011
what I want to do is create a menu with rollover buttons but each button also changes the background image of a div.
I've managed to change the colour of the div but not add an image there. I've added my code so you can have a look. Case 0 shows me attempting to change the background image. I must be doing something wrong.
I've left the other cases as colours so you can see how I did that. I eventually want it all to be images. I'm creating a Joomla website (not sure if that makes a difference).
<body onload="addHandlers()">
<script type="text/javascript" language="javascript">
function addHandlers(){
var allMenus =
[Code]....
View 1 Replies
View Related
May 12, 2011
Change background color a row of depending on cell data on that row. e.g Items
<table border="1">
<tr>
<td><b>Cost</b></td>
<td><b>Item</b></td>
[code]....
View 2 Replies
View Related
Jun 25, 2011
I want to change the background color ONLY if it is #d0d0d0, so I made up these scripts:
<b class="nav1" id="nav1" onclick="highlightnav1()" onmouseover="overnavigation(this)" onmouseout="outnavigation(this)">Link 1</b>
<b class="nav2" id="nav2" onclick="highlightnav2()" onmouseover="overnavigation(this)" onmouseout="outnavigation(this)">Link 2</b>
<b class="nav3" id="nav3" onclick="highlightnav3()" onmouseover="overnavigation(this)" onmouseout="outnavigation(this)">Link 3</b>[code]....
This doesn't work,
View 5 Replies
View Related
Jan 3, 2008
I'm currently using this script to highlight the text within a whole row of a table on mouseOver.
What I'd like to do is change it so that the background color changes. I've tried 'this.style.backgroundcolor = "#e00000" ' but with no success.
function highlightRows() {
if (!document.getElementsByTagName) return false;
var rows = document.getElementsByTagName("tr");
for (var i=0; i<rows.length; i++) {
rows[i].onmouseover = function() {
this.style.color = "#e00000";
}
rows[i].onmouseout = function() {
this.style.color = "#000000";
}
}
}
addLoadEvent(highlightRows);
View 1 Replies
View Related
Dec 24, 2009
<html>
<head>
<title>Web just for training</title>
<script type="text/javascrip">
[code]....
Here is my code to change the background color but I does not work!
View 1 Replies
View Related
Jan 16, 2012
We've just been introduced to Javascript. I have a document where as it loads it gives an alert box. Upon clicking "OK" it brings up a header and an image and then another alert box stating that the page is now loaded. However, I need to change the background of the document by clicking on the "OK" button in the second alert box but can't figure out how to do that.
<style type="text/css">
.header2 {
text-align:center;
} p.center {
text-align:center;
} .center img {
border-style: none;
}
</style>
<script type="text/Javascript">
function rollover_onmouseover() {
document.images.real.src = "../../Images/Homework 13/dream.jpg";
} function rollover_onmouseout() {
document.images.real.src = "../../Images/Homework 13/real.jpg";
}
</script></head><body>
<script type="text/Javascript">
alert("I'm about to load my page");
</script>
<script type="text/Javascript">
document.write('<h2 class="header2">This h2 header was loaded using Javascript</h2>');
</script>
<p class="center">Point at Llumi to see what she's thinking<br />
<a href="Homework13.html" id="rollover" onmouseover="rollover_onmouseover()" onmouseout="rollover_onmouseout()">
<img src="../../Images/Homework 13/real.jpg" alt="" name="real" /></a>
</p><script type="text/Javascript">
alert("My page is now loaded");
</script></body></html>
View 5 Replies
View Related
Mar 21, 2009
I wish to change the background colours of two divs, one is blue and the other is gray.i already have the pull down onchange working that changes the fields to active or disabled depending on the selection made and wish to change the background to gray out the div that has disabled fields.how is this done using Javascript
View 1 Replies
View Related
Jun 10, 2009
I have few backgrounds for my website, which want to change background image after few seconds with some fading effects.
I am using <body><div id="bg">Contetns</div></body>
View 1 Replies
View Related
Jul 7, 2010
There are three div and inside each of them there is an anchor tag.
When the anchor tag is clicked it makes an Ajax call and displays the content in the new div. Lets call this our forth div. (this is irrelevant to the title but just want to mention this because I am calling a function onclick.)
What I want to happen is when they click on of the anchor tag I want to change the background color of the div relative to the anchor tag. For example, if they click on the first anchor tag which is inside the first div I want the first div background color to change.
Code:
<style>
.ourDiv{
background:#003366;
[Code]....
View 7 Replies
View Related
Jan 20, 2011
I'm building a site for a friend and I know what I want to do, but I'm struggling to get any script to fit the bill. It's a little beyond me as it's my first foray into javascript aside from gallerys/sliders.
My page layout is as follows: Body > wrapper > header > 3 columns >footer
I want to put my links for my navigation in the 1st column div and on mouseover change the background image in the centre column div. the following script works well, but changes the document body background as you can see from the code.
[Code]...
View 8 Replies
View Related
Jul 6, 2010
I am relatively new to working with Javascript so I am hoping somebody can help me out here. What I would like to do is have the div background change when a user clicks on another image or link.
I set up a few classes in CSS each with their own background image. Here is what I have but I am not sure what I am missing.
[Code]...
View 1 Replies
View Related
May 18, 2011
I currently have a web site in which I am using some Javascript to change the Background of a DIV.[code]...
View 3 Replies
View Related
May 18, 2011
I currently have a web site in which I am using some Javascript to change the Background of a DIV.[code]...
View 3 Replies
View Related
Nov 8, 2011
I have been working on changing the background color of a table[code]....
but the cell with the default color, FFFFCC, does not change to red.
I also tried setting the default background color of the cell with bgcolor="#FFFFCC" but that made no difference.
how to change the background color of the whole row?
View 2 Replies
View Related
Jul 23, 2005
How can I change Windows (or any other) desktop background in javascript ?
It is possible?
View 4 Replies
View Related
Jan 27, 2011
i need to know if there are a way to change the background image after a specific time like 10 sec or 30 sec...etc. you know like yahoo Login mail "it's changing the background daily!!" if there is a way using JQuery or CSS or html or any other thing
View 2 Replies
View Related
Sep 13, 2010
I am trying to make a button that would change the background image of the whole document whenever somebody clicks it. I have tried something along the lines of this:
Quote: <input type="button"
value="Pattern1"
onClick="background-image: url(background.png);background-repeat: no-repeat;">
and,
Quote: <input type="button"
value="Pattern2"
onClick="background: url(background.png);background-repeat: no-repeat;">
My assumption to why it doesn't work is that I am combining javascript with CSS, but I am most likely wrong.
View 2 Replies
View Related
Jun 29, 2009
this code works fine in Fireox but not in IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
[Code]...
View 2 Replies
View Related
Apr 19, 2010
Could anyone show me a script that would allow the user whos on my site change the background image from the default color to an image from a URL? And then it would have to save their choice in a cookie.
View 1 Replies
View Related
