Tabbox

Handling onclosetab Event

Assuming the tabbox, tabs, and tabpanels widgets with id's the same as their nodeName, this function will correctly remove the current tab and tab panel for the onclosetab tabs event:

function removeTab(){
    var tabbox = document.getElementById("tabbox");
    var currentIndex = tabbox.selectedIndex;
    if(currentIndex>=0){
    var tabs=document.getElementById("tabs");
    var tabpanels=document.getElementById("tabpanels");
    tabpanels.removeChild(tabpanels.childNodes[currentIndex]);
    tabs.removeItemAt(currentIndex);
    /*Work around If last tab is removed, widget fails to advance to next tab*/
    if(-1 == tabbox.selectedIndex && tabs.childNodes.length>0){
        tabbox.selectedIndex=0;
    }
}

Creating a close tab button

To have a tab close button, you must configure the style.

Examples:

   .tabs-closebutton {
     list-style-image: url(http://mozilla.org/favicon.ico);
   }

   .tabs-closebutton {
     list-style-image: url("chrome://global/skin/icons/Close.gif");
   }