• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 795
  • Last Modified:

FireFox - Onclick Set Table Cell Background Image..

Below Javascript function works (toggle background image) great in IE but NOT in FireFox.

 function CircleTD(id){
       if (document.getElementById('Hid2').value!="185")
        {
            if(id.background=="")
        id.background="../Images/CircleTD1.bmp";
            else
                  id.background="";
        }
    }
...Table cell
<TD id="tdC" onclick="CircleTD(tdC)" align="center" width="3.8%">C</TD>

Apparently, found that 'background' property is an MS extension for HTML Object. I tried to apply style sheet background property, it seem to work with in-line style property but not when onclick with javascript. I would like to make this work on both IE and FireFox, any workable alternatives would be greatly appreciated. Thank you!
0
rcsunkara
Asked:
rcsunkara
1 Solution
 
yeroketCommented:
try
document.getElementById("tdC").style.background=...
0
 
rcsunkaraAuthor Commented:
Hi Yeroket,

Thank you for the response. I tried that it didn't work but the below CSS style sheet classes to set background image seem to work on both IE and FireFox.

.tdImage
{
  background-image:  url(Circle.bmp);
}
.tdUnImage
{
  background-image: url(EmptyCircle.bmp);
}

function mouseIn(cell)      {     
      if(cell.className=='tdImage'){
            cell.className='tdUnImage';
       }
       else {
            cell.className='tdImage';
       }
}
I am closing this issue.
0
 
JakobACommented:
The standard name for the background image attribute is background-image (in CSS) or backgroundImage (using JavaScript)
eg:
<SPAN
    onmouseover="this.style.backgroundImage='url(yourpic.jpeg)'"
    onmouseout="this.style.backgroundImage='url(none)'"
>content of the span</span>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now