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.
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.