Solved

FireFox - Onclick Set Table Cell Background Image..

Posted on 2006-11-02
3
775 Views
Last Modified: 2008-02-01
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
Comment
Question by:rcsunkara
3 Comments
 
LVL 4

Expert Comment

by:yeroket
ID: 17866189
try
document.getElementById("tdC").style.background=...
0
 

Author Comment

by:rcsunkara
ID: 17868643
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
 
LVL 15

Accepted Solution

by:
JakobA earned 500 total points
ID: 17871355
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

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

After uninstalling Opera browser (for example ver. 10.63), your attempts to open a web page by clicking on a URL link may fail with an error message.  The error is "This operation has been canceled due to restrictions in effect on this computer. Ple…
Bada platform is becoming more and more famous this days and people talking about same. Some friends included those who have bada OS mobile asked me "what is bada?"and "what its features?". That encouraged me to research and write this article. [st…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now