I am having a hard time getting images to show up in the tab title though. Any help would be much appreciated.

Thanks, Nice script BTW

An example would be really appreciated.

I basically ripped this off from the init() function

tabberObj.prototype.addtab = function ( obj )
{
if(obj.className &&
obj.className.match(this.REclassTab)) {
t = new Object();
t.div = obj;
this.tabs[this.tabs.length] = t;
if (obj.className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
t.headingText = t.div.title;
if (this.removeTitle) { t.div.title = ”; }
for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
t.headingText.replace(//gi,” “);
t.headingText = t.headingText.replace(/]+>/g,”");
}
break;
}
}
DOM_li = document.createElement(”li”);
t.li = DOM_li;
DOM_a = document.createElement(”a”);
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = “javascript:void(null);”;
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;
DOM_a.tabber = this;
DOM_a.tabberIndex = this.tabs.length - 1;
if (this.addLinkId && this.linkIdFormat) {
aId = this.linkIdFormat;
aId = aId.replace(//gi, this.id);
aId = aId.replace(//gi, i);
aId = aId.replace(//gi, i+1);
aId = aId.replace(//gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ”));

DOM_a.id = aId;
}
DOM_li.appendChild(DOM_a);

var DOM_ul = this.ul;
DOM_ul.appendChild(DOM_li);
DOM_a = document.createElement(”a”);
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = “javascript:void(null);”;
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;
}

//Calling function
var divid = 4;
function addtab() {
// Get ahold of the tabber we’re trying to add to
var ni = document.getElementById(’mainnav’);
// Create a new div
var newdiv = document.createElement(’div’);
// SEt the ID
newdiv.setAttribute(’id’, ‘mynewdiv’ + divid);
// Set the title and content
newdiv.innerHTML = ‘Tab ‘+ divid +
‘ Here is new div’ + divid + ‘!! ‘;
// set the tab class to be hidden so it doesn’t show up while we’re adding it
newdiv.className = ‘tabbertab tabbertabhide’;
// add our new div to our menu
ni.appendChild(newdiv);
// and finally add the new tab to the menu
ni.tabber.addtab(newdiv);
// increment our variable
divid++;
}

I don’t know, that’s the only thing I could think of at the moment.

I have a question - can I rig up something to ‘print the active tab’? when a webpage is printed it (correctly) strips out the JS and dumps everything on the page. What I would like is to have a link/button just below the tab title to print the active tab.

I’ve been thinking about it, but it seems like it might be a bit of a job… any thoughts would be greatly appreciated.

Thanks again for a nifty script!
Clive

Q: any suggestions on modifying your scripts to use images as the tabs instead of text?

How is this done? That would be great to use with my ‘color coded theme.’ Thanks in advance!

Thanks for a very useful bit of work.