Developers › Dev.Opera

BrowserWindow.tabs

April 26, 2012 · by Opera Software

Description:

The readonly tabs attribute exposes a window tab manager. The window tab manager is an object that implements the BrowserTabManager interface and manages all browser tabs that are currently open within the context window.

Syntax:

readonly BrowserTabManager tabs

Example:

The following example creates a button in the browser toolbar. When the button is clicked, the last focused window is detected. The number of tabs in the window, including any tab groups, is then displayed in the button's badge.

//
// The background process (e.g. index.html) 
//

// Specify the properties of the button before creating it.
var UIItemProperties = {
  disabled: false,
  title: "Example extension",
  icon: "images/icon_18.png",
  badge: {
    backgroundColor: '#cc0000',
    color: '#ffffff'
  }
};

// Create the button and add it to the toolbar.
var button = opera.contexts.toolbar.createItem( UIItemProperties );  
opera.contexts.toolbar.addItem(button);

button.addEventListener('click', handleClick, false);

function handleClick() {
  // Get the last focused window
  var win = opera.extension.windows.getLastFocused();
  
  // Get all tabs in the window
  var groups = win.tabs.getAll();
  
  // Display the number of tabs in the button's badge
  button.badge.textContent = groups.length;
}

About this article

Published inDev.Opera
DateApril 26, 2012
AuthorOpera Software
Tagsextensions API, Windows and Tabs
OriginalInternet Archive