Solved

FireFox - Onclick Set Table Cell Background Image..

Posted on 2006-11-02
3
778 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

It's here again; Microsoft is launching a new version of Internet Explorer: Internet Explorer 9, with noticeable changes on its interface, functions and new tools. As they say on its promotional video: "It's time to play, on a more beautiful web", f…
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…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

789 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