DD tab menu: How do I keep "current" tab "current"?

[chausfeld]

1) Script Title: DD tab menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem:
I don't know if this is a CSS or JS issue. I want the tab showing as "on" to stay "on" if I hover to another tab. Currently, the tab turns off when you hover over another tab, even if you don't click on it. Once you hover off the tabs, it goes back to it's "on" state. Here's the site:
http://www.concrete-creative.com/OOD/about.html

And the CSS:
http://www.concrete-creative.com/OOD...s/glowtabs.css

And the JS:
http://www.concrete-creative.com/OOD...s/ddtabmenu.js

Any help would be much appreciated!

[rangana]

Go to ddtabmenu.js and add highlighted:

showsubmenu:function(tabid, targetitem){	
	var menuitems=this[tabid+"-menuitems"]
	this.clearrevert2default(tabid)
 for (i=0; i<menuitems.length; i++){
		menuitems[i].className=menuitems[i].className=="current"?"current":""
		if (typeof menuitems[i].hasSubContent!="undefined")
			document.getElementById(menuitems[i].getAttribute("rel")).style.display="none"
	}
	targetitem.className="current"
	if (typeof targetitem.hasSubContent!="undefined")
		document.getElementById(targetitem.getAttribute("rel")).style.display="block"
},

[ddadmin]

That seems to be the case already on your page. The "About" tab I reckon is the currently "on" tab. Moving the mouse over the other tabs only temporarily selects the other tabs; when the mouse rolls out, the "About" tab is once again reselected.

[rangana]

I want the tab showing as "on" to stay "on" if I hover to another tab. Currently, the tab turns off when you hover over another tab, even if you don't click on it. Once you hover off the tabs, it goes back to it's "on" state

I think he had observed that DD Admin. I guess he want to keep the state "on" while hovering over the other links.

[chausfeld]

This now keeps any and all tabs ON after you hover over them:
http://www.concrete-creative.com/OOD/about.html

Thanks so much for taking a look!
Carrie

[chausfeld]

And BTW, the last tab (APPOINTMENTS) is unique in that it should be orange. That's another question after I get the first issue resolved! Just ignore that tab for now...

[rangana]

Please revert back to the original ddtabmenu.js. Here's a quick hack on getting what you desire:

showsubmenu:function(tabid, targetitem) {
	var menuitems=this[tabid+"-menuitems"]
	this.clearrevert2default(tabid)
	for (i=0; i<menuitems.length; i++) {
		menuitems[i].className=""
		if (typeof menuitems[i].hasSubContent!="undefined")
			document.getElementById(menuitems[i].getAttribute("rel")).style.display="none"
	}
	targetitem.className="current"
	menuitems[0].className='current'; // first menu
	menuitems[6].className='orange'; // 7th menu 
	if (typeof targetitem.hasSubContent!="undefined")
		document.getElementById(targetitem.getAttribute("rel")).style.display="block"
},

That should do the job. I'll try to find sometime this weekend to modify the script to make it more dynamic if DDAdmin or John won't attend to this.

[chausfeld]

This is SO close!! This does the trick when I'm on the ABOUT page, but on the home page: http://www.concrete-creative.com/OOD...-nomodule.html
it keeps the About tab on, rather than NO tab on. A simple fix, I hope?!

Again, I so appreciate your help. Thank you again!

[rangana]

This would be easiest then... on your initialization, set a new object like:

ddtabmenu.definemenu("ddtabs1", 0, {'id' : '6', 'className' : 'orange'})

...and on ddtabmenu.js, add the highlighted instead:

except: {},
remember: '',
definemenu:function(tabid, dselected, obj) {
	this.except = obj;
	this.remember = dselected;
	this[tabid+"-menuitems"]=null
	this[tabid+"-dselected"]=-1
	this.addEvent(window, function(){ddtabmenu.init(tabid, dselected)}, "load")
},

showsubmenu:function(tabid, targetitem) {
	var menuitems=this[tabid+"-menuitems"]
	this.clearrevert2default(tabid)
	for (i=0; i<menuitems.length; i++) {
		menuitems[i].className=""
		if (typeof menuitems[i].hasSubContent!="undefined")
			document.getElementById(menuitems[i].getAttribute("rel")).style.display="none"
	}
	targetitem.className="current"
	menuitems[this.remember].className='current';
	if(this.except!='undefined') menuitems[this.except.id].className = this.except.className;
	if (typeof targetitem.hasSubContent!="undefined")
		document.getElementById(targetitem.getAttribute("rel")).style.display="block"
},

[chausfeld]

I added the code to the Home page and About page:
http://www.concrete-creative.com/OOD...-nomodule.html and http://www.concrete-creative.com/OOD/about.html

It works on the Home page as no tab should be selected. But on About, no tab is "on" there either, even though I changed the -1 to 0 in the initialization code (which before, would highlight the About tab).

The good news is that it looks like you also got the orange tab to work!

Thanks again, I hope you can help me with this final remaining issue...