Solved

FireFox - Onclick Set Table Cell Background Image..

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

How many times have you been browsing the internet, with multiple tabs open, and closed the wrong one? Have you ever clicked 'Close all tabs' instead of 'Close current tab' ? Internet Explorer 8 now brings to you, what Firefox has had for a wh…
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
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.
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…

948 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

20 Experts available now in Live!

Get 1:1 Help Now