PDA

View Full Version : backgroundImage replace onmouseover-works FF not IE


swindee
10-20-2006, 07:30 AM
Hi,
I have a horizontal menu with submenu and am trying to keep the hovered tab image in place while navigating to the submenu.

anchor.onmouseover = function() {

var thistab = this.getAttribute('name');

var nameAttribute = this.getAttribute('name') + "Nav";

var thismenu = document.getElementById(nameAttribute);
hideItems();
thismenu.style.display="inline";

unhovertab();

//The following line works in firefox and not in ie, the commented lines have been failed attempts

this.style.backgroundImage="url(imgs/tabhover_b.gif) ";

// document.getElementById(thistab).style.backgroundImage="url(imgs/tabhover_b.gif) ";
// document.all.thismenu.parentNode.style.backgroundImage="url(imgs/tabhover_b.gif) ";
// document.thistab.style.backgroundImage="url(imgs/tabhover_b.gif)";
// document.all.this.style.backgroundImage="url(imgs/tabhover_b.gif) ";
// this.setAttribute("class","swaphover");

Thank you for any ideas you may have.

Kor
10-24-2006, 09:07 AM
you have an unecessary empty space inside the value;

this.style.backgroundImage="url(imgs/tabhover_b.gif) ";
should be:
this.style.backgroundImage="url(imgs/tabhover_b.gif)";