PageRenderTime 49ms CodeModel.GetById 13ms RepoModel.GetById 0ms app.codeStats 0ms

/http/dev.opera.com/articles/view/extensions-api-tab-title/index.html

https://github.com/ArturBorisov/devopera-static-backup
HTML | 1027 lines | 801 code | 222 blank | 4 comment | 0 complexity | 5b3d2b3cb5c75f2ae426663b3d4c84c0 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3.   <head>
    4. 

  4.     <title>BrowserTab.title - Dev.Opera</title>
    5. 

  5.     <meta charset="utf-8">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
    7. 

  7.     <meta name="google-site-verification" content="L7q_7GF5c9d7ZAUYdfaTiRaB6sTAGv_cRz3nq5DsabM">
    8. 

  8.     <meta name="description" content="Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such as extensions and themes for the Opera browser.">
    9. 

  9.     <meta name="keywords" content="Opera, web, HTML5, HTML, CSS3, CSS, JavaScript, SVG, Geolocation, Widgets, Extensions, Unite, Mini, Mobile, web development, design, web design, tutorials, articles, examples, demos, web standards, open standards, open web, video, audio, getusermedia, accessibility, wai-aria, transitions, translations, microformats, microdata, dataset, media queries, viewport, @viewport, transparency, opacity, gradients, box-shadow, text-shadow, web fonts, appcache, websql, local storage, ajax, json, games, userjs, webgl, tv, tablet, emulator, skinning, themes, skins, drasgonfly, mathml, web sockets, operawatir">
    10. 

  10.     <link rel="icon" href="../../../../static.myopera.com/dev/img/speed_dial-icon.png" type="image/png">
    11. 

  11.     <link rel="apple-touch-icon" href="../../../../static.myopera.com/dev/img/touch-icon.png" type="image/png">
    12. 

  12.     <link rel="shortcut icon" href="../../../favicon.ico" type="image/x-icon">
    13. 

  13.     <link rel="stylesheet" href="../../../../static.myopera.com/dev/css/devopera.css" type="text/css">
    14. 

  14.     <!--[if IE 6]><link rel="stylesheet" href="/css/browsers/ie6.css" type="text/css"><![endif]-->
    15. 

  15.     <!--[if IE 7]><link rel="stylesheet" href="/css/browsers/ie7.css" type="text/css"><![endif]-->
    16. 

  16.     <!--[if IE 8]><link rel="stylesheet" href="/css/browsers/ie8.css" type="text/css"><![endif]-->
    17. 

  17.     <!--[if lte IE 8]><script type="text/javascript" src="/js/ie.js"></script><![endif]-->
    18. 

  18.     <link rel="stylesheet" href="../../../../static.myopera.com/dev/css/articles.css">
    19. 

  19.     <link rel="stylesheet" media="print" href="../../../../static.myopera.com/dev/css/print.css">
    20. 

  20.     <link rel="stylesheet" href="../../../../static.myopera.com/dev/css/github.css">
    21. 

  21.     <link rel="alternate" type="application/rss+xml" title="Recent articles - RSS 2.0 Feed" href="../../../feeds/rss/articles">
    22. 

  22.     <link rel="alternate" type="application/atom+xml" title="Recent articles - Atom 1.0 Feed" href="../../../feeds/atom/articles">
    23. 

  23.     <link rel="alternate" type="application/rss+xml" title="Recent articles in Add-ons - RSS 2.0 Feed" href="../../../feeds/rss/articles/addons">
    24. 

  24.     <link rel="alternate" type="application/atom+xml" title="Recent articles in Add-ons - Atom 1.0 Feed" href="../../../feeds/atom/articles/addons">
    25. 

  25.     <link rel="alternate" type="application/rss+xml" title="Recent articles in Opera 11-12 extensions - RSS 2.0 Feed" href="../../../feeds/rss/articles/addons/extensions">
    26. 

  26.     <link rel="alternate" type="application/atom+xml" title="Recent articles in Opera 11-12 extensions - Atom 1.0 Feed" href="../../../feeds/atom/articles/addons/extensions">
    27. 

  27.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    28. 

  28.     <script type="text/javascript" src="../../../../static.myopera.com/dev/js/menu.js"></script>
    29. 

  29.     <noscript>
    30. 

  30.       <style type="text/css">
    31. 

  31. .collection ul li ul {
    32. 

  32.     display: inherit !important;
    33. 

  33. }
    34. 

  34.       </style>
    35. 

  35.     </noscript>
    36. 

  36.     <script type="text/javascript">
    37. 

  37. var _gaq = _gaq || [];
    38. 

  38. _gaq.push(['_setAccount', 'UA-4118503-4']);
    39. 

  39. _gaq.push(['_gat._anonymizeIp']);
    40. 

  40. _gaq.push(['_trackPageview']);
    41. 

  41. 

  42. (function() {
    43. 

  43.   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    44. 

  44.   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    45. 

  45.   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    46. 

  46. })();
    47. 

  47.     </script>
    48. 

  48. 

  49.   </head>
    50. 

  50.   <body class="extensions">
    51. 

  51.     <header role="banner"  class="article-view" >
    52. 

  52.       <div>
    53. 

  53.         <a href="../../../index.html" id="logo">Dev.Opera</a>
    54. 

  54.         <form action="http://dev.opera.com/search" role="search">
    55. 

  55.           <fieldset>
    56. 

  56.             <label class="hidden" for="q">Search</label>
    57. 

  57.             <input type="text" name="q" maxlength="256" value="" id="q" required>
    58. 

  58.             <input type="submit" id="q-submit" value="Search" title="Search">
    59. 

  59.           </fieldset>
    60. 

  60.         </form>
    61. 

  61.         <p id="login">
    62. 

  62.           <a href="../../../../../https/dev.opera.com/login/index.html" accesskey="L" title="Log in">Log in</a>
    63. 

  63.         </p>
    64. 

  64.         <nav id="nav">
    65. 

  65.           <ul role="menu">
    66. 

  66. 

  67.             <li role="menuitem" >
    68. 

  68.               <a href="../../../web.html">Web</a>
    69. 

  69.             </li>
    70. 

  70.             <li role="menuitem"  class="selected">
    71. 

  71.               <a href="../../../addons.1.html">Add-ons</a>
    72. 

  72.             </li>
    73. 

  73.             <li role="menuitem" >
    74. 

  74.               <a href="../../../mobile.html">Mobile</a>
    75. 

  75.             </li>
    76. 

  76.             <li role="menuitem" >
    77. 

  77.               <a href="../../../tv.html">TV</a>
    78. 

  78.             </li>
    79. 

  79.             <li role="menuitem" >
    80. 

  80.               <a href="../../../labs.html">Labs</a>
    81. 

  81.             </li>
    82. 

  82.           </ul>
    83. 

  83.         </nav>
    84. 

  84.       </div>
    85. 

  85.       <nav id="subnav">
    86. 

  86.         <ul role="menu">
    87. 

  87.             <li role="menuitem"  class="selected">
    88. 

  88.               <a href="../../../addons/extensions/index.html">Opera 11-12 extensions</a>
    89. 

  89.             </li>
    90. 

  90.             <li role="menuitem" >
    91. 

  91.               <a href="http://dev.opera.com/extension-docs/">Opera 15+ extensions</a>
    92. 

  92.             </li>
    93. 

  93.             <li role="menuitem" >
    94. 

  94.               <a href="../../../addons/themes.html">Themes</a>
    95. 

  95.             </li>
    96. 

  96.         </ul>
    97. 

  97.       </nav>
    98. 

  98.     </header>
    99. 

  99. <section id="content" role="main" class="asideleft">
    100. 

  100.   <section class="main">
    101. 

  101.     <article lang="en">
    102. 

  102.       <h1>BrowserTab.title</h1>
    103. 

  103.       <p class="print author">By Opera Software</p>
    104. 

  104. 

  105.       <p class="note">
    106. 

  106. From Opera 15 onward, Opera 11 &amp; 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. <strong>Check out <a href="http://dev.opera.com/extension-docs/">our new documentation for developing extensions for Opera 15 and higher</a></strong> and start building your own extensions.
    107. 

  107. </p>
    108. 

  108. 

  109. <h2>Description:</h2>
    110. 

  110. 

  111. <p>The readonly <code>title</code> attribute exposes the title of the current document within the browser tab. On getting, the browser only returns the title if the tab is open, otherwise an empty string is returned.</p>
    112. 

  112. 

  113. <h2>Syntax:</h2>
    114. 

  114. 

  115. <p><code>readonly string title // maps to document.title</code></p>
    116. 

  116. 

  117. <h2>Example:</h2>
    118. 

  118. 

  119. <p>The following example creates a button in the browser toolbar. When the button is clicked, the title of the current tab is retrieved. Then a search is performed in a new tab, using the title as the search query.</p>
    120. 

  120. 

  121. <pre><code>//
    122. 

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

  123. //
    124. 

  124. 

  125. // Specify the properties of the button before creating it.
    126. 

  126. var UIItemProperties = {
    127. 

  127.   disabled: false,
    128. 

  128.   title: &quot;Example extension&quot;,
    129. 

  129.   icon: &quot;images/icon_18.png&quot;,
    130. 

  130.   onclick: function() {
    131. 

  131.     // Get the current tab as a BrowserTab object
    132. 

  132.     var thisTab = opera.extension.tabs.getSelected();
    133. 

  133. 

  134.     // Get the title of the tab&#39;s document and encode special characters
    135. 

  135.     var title = encodeURIComponent(thisTab.title);
    136. 

  136. 

  137.     // Create a tab searching DuckDuckGo for the specified title
    138. 

  138.     var tabProps = {
    139. 

  139.       url: &#39;http://duckduckgo.com/?q=&#39; + title
    140. 

  140.     }
    141. 

  141.     opera.extension.tabs.create(tabProps);
    142. 

  142.   }
    143. 

  143. };
    144. 

  144. 

  145. // Create the button and add it to the toolbar.
    146. 

  146. var button = opera.contexts.toolbar.createItem( UIItemProperties );
    147. 

  147. opera.contexts.toolbar.addItem(button);</code></pre>
    148. 

  148. 

  149.       <p id="license" class="info">This article is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 Unported</a> license.</p>
    150. 

  150. 

  151.     </article>
    152. 

  152. <section id="comments">
    153. 

  153.   <h2>Comments</h2>
    154. 

  154.   <ul>
    155. 

  155.     <li id="comment-102313072">
    156. 

  156.       <a href="../../../author/matzeatweb.html"><img src="../../../../../https/static.myopera.com/avatars/pool1/3c/672/dfac77c8769df266b19505348dabfde90ab.png" alt="photo" class="avatar"/></a>
    157. 

  157.       <p class="commenter"><a href="../../../author/matzeatweb.html">Matze</a></p>
    158. 

  158.       <p class="commentdate">Wednesday, January 9, 2013</p>
    159. 

  159.       <section class="commentcontent"><span class="bubble-arrow"></span>How can I access the screenshots of all opened tabs by a popup JavaScript?<br/><br/>This is what I got in popup.js:<br/><br/>var tabResults = opera.extension.bgProcess.opera.extension.tabs.getAll();<br/>[...]<br/>function showScreenshot(arrayPosition){<br/>   // Check the Screenshot API is available<br/>   if(opera.extension.bgProcess.opera.extension.getScreenshot){//this is rerutning false!? I also tried it with opera.extension.getScreenshot and with getScreenshot()<br/>      function applyScreenshot(imageData) {<br/>         // Write the screenshot image data to the canvas context<br/>         document.getElementById(&#39;previewCanvas&#39;).getContext(&#39;2d&#39;).putImageData(imageData, 0, 0);<br/>      }<br/>      // Use the API&#39;s method to execute the callback function<br/>      tabResults[arrayPosition].getScreenshot(applyScreenshot);        <br/>   }<br/>}</section>
    160. 

  160.     </li>
    161. 

  161.   </ul>
    162. 

  162. No new comments accepted.
    163. 

  163. </section>
    164. 

  164. 

  165.   </section>
    166. 

  166. 

  167.   <aside>
    168. 

  168.     <section class="info">
    169. 

  169.       <p class="author"><strong>Author</strong> <a href="../../../author/operadev.html" rel="author">Opera Software</a></p>
    170. 

  170.       <p>
    171. 

  171.         <strong>Date</strong>
    172. 

  172.         Thursday, April 26, 2012
    173. 

  173.       </p>
    174. 

  174. 

  175.       <p class="tags"><strong>Tags</strong></p>
    176. 

  176.       <ul class="tags">
    177. 

  177.         <li><a href="../../tags/extensions&#32;API.html" rel="tag">extensions API</a></li>
    178. 

  178.         <li><a href="../../tags/Windows&#32;and&#32;Tabs.html" rel="tag">Windows and Tabs</a></li>
    179. 

  179.       </ul>
    180. 

  180.     </section>
    181. 

  181.   </aside>
    182. 

  182. 

  183. 

  184. 

  185. 

  186. <aside>
    187. 

  187.   <section class="collection">
    188. 

  188. <h2><a href="http://dev.opera.com/articles/view">Opera extensions docs</a></h2>
    189. 

  189. 

  190. <ul >
    191. 

  191.   <li class="sub-collection parent-collection">
    192. 

  192. <span ></span>Getting started<ul >
    193. 

  193.   <li class="sub-collection leaf">
    194. 

  194. <a href="../opera-extensions-hello-world/index.html" >Saying hello world to Opera extensions!</a>
    195. 

  195. 

  196. </li>
    197. 

  197.   <li class="sub-collection leaf">
    198. 

  198. <a href="../whats-in-an-opera-extension/index.html" >What's in an Opera extension?</a>
    199. 

    200. 

  200. </li>
    201. 

  201.   <li class="sub-collection leaf">
    202. 

  202. <a href="../opera-extensions-developer-workflow/index.html" >Opera extensions developer workflow</a>
    203. 

  203. 

  204. </li>
    205. 

  205. </ul>
    206. 

  206. </li>
    207. 

  207.   <li class="sub-collection parent-collection">
    208. 

  208. <span ></span>API reference<ul >
    209. 

  209.   <li class="sub-collection parent-collection">
    210. 

  210. 

  211. <span ></span><a href="../extensions-api-config-xml/index.html" >config.xml</a>
    212. 

  212. 

  213. <ul >
    214. 

  214.   <li class="sub-collection leaf">
    215. 

  215. <a href="../extensions-api-config-widget/index.html" >widget element</a>
    216. 

  216. 

  217. </li>
    218. 

  218.   <li class="sub-collection leaf">
    219. 

  219. <a href="../extensions-api-config-name/index.html" >name element</a>
    220. 

  220. 

  221. </li>
    222. 

  222.   <li class="sub-collection leaf">
    223. 

  223. <a href="../extensions-api-config-description/index.html" >description element</a>
    224. 

  224. 

  225. </li>
    226. 

  226.   <li class="sub-collection leaf">
    227. 

  227. <a href="../extensions-api-config-author/index.html" >author element</a>
    228. 

  228. 

  229. </li>
    230. 

  230.   <li class="sub-collection leaf">
    231. 

  231. <a href="../extensions-api-config-license/index.html" >license element</a>
    232. 

  232. 

  233. </li>
    234. 

  234.   <li class="sub-collection leaf">
    235. 

  235. <a href="../extensions-api-config-icon/index.html" >icon element</a>
    236. 

  236. 

  237. </li>
    238. 

  238.   <li class="sub-collection leaf">
    239. 

  239. <a href="../extensions-api-config-content/index.html" >content element</a>
    240. 

  240. 

  241. </li>
    242. 

  242.   <li class="sub-collection leaf">
    243. 

  243. <a href="../extensions-api-config-feature/index.html" >feature element</a>
    244. 

  244. 

  245. </li>
    246. 

  246.   <li class="sub-collection leaf">
    247. 

  247. <a href="../extensions-api-config-preference/index.html" >preference element</a>
    248. 

  248. 

  249. </li>
    250. 

  250.   <li class="sub-collection leaf">
    251. 

  251. <a href="../extensions-api-config-access/index.html" >access element</a>
    252. 

  252. 

  253. </li>
    254. 

  254.   <li class="sub-collection leaf">
    255. 

  255. <a href="../extensions-api-config-span/index.html" >span element</a>
    256. 

  256. 

  257. </li>
    258. 

  258.   <li class="sub-collection leaf">
    259. 

  259. <a href="../extensions-api-config-xml-lang/index.html" >xml:lang attribute</a>
    260. 

  260. 

  261. </li>
    262. 

  262.   <li class="sub-collection leaf">
    263. 

  263. <a href="../extensions-api-config-dir/index.html" >dir attribute</a>
    264. 

  264. 

  265. </li>
    266. 

  266. </ul>
    267. 

  267. </li>
    268. 

  268.   <li class="sub-collection parent-collection">
    269. 

  269. 

  270. <span ></span><a href="../extensions-api-widget-object/index.html" >Widget object</a>
    271. 

  271. 

  272. <ul >
    273. 

  273.   <li class="sub-collection leaf">
    274. 

  274. <a href="../extensions-api-widget-author/index.html" >widget.author</a>
    275. 

  275. 

  276. </li>
    277. 

  277.   <li class="sub-collection leaf">
    278. 

  278. <a href="../extensions-api-widget-authoremail/index.html" >widget.authorEmail</a>
    279. 

  279. 

  280. </li>
    281. 

  281.   <li class="sub-collection leaf">
    282. 

  282. <a href="../extensions-api-widget-authorhref/index.html" >widget.authorHref</a>
    283. 

  283. 

  284. </li>
    285. 

  285.   <li class="sub-collection leaf">
    286. 

  286. <a href="../extensions-api-widget-description/index.html" >widget.description</a>
    287. 

  287. 

  288. </li>
    289. 

  289.   <li class="sub-collection leaf">
    290. 

  290. <a href="../extensions-api-widget-id/index.html" >widget.id</a>
    291. 

  291. 

  292. </li>
    293. 

  293.   <li class="sub-collection leaf">
    294. 

  294. <a href="../extensions-api-widget-name/index.html" >widget.name</a>
    295. 

  295. 

  296. </li>
    297. 

  297.   <li class="sub-collection leaf">
    298. 

  298. <a href="../extensions-api-widget-preferences/index.html" >widget.preferences</a>
    299. 

  299. 

  300. </li>
    301. 

  301.   <li class="sub-collection leaf">
    302. 

  302. <a href="../extensions-api-widget-shortname/index.html" >widget.shortName</a>
    303. 

  303. 

  304. </li>
    305. 

  305.   <li class="sub-collection leaf">
    306. 

  306. <a href="../extensions-api-widget-version/index.html" >widget.version</a>
    307. 

  307. 

  308. </li>
    309. 

  309. </ul>
    310. 

  310. </li>
    311. 

  311.   <li class="sub-collection parent-collection">
    312. 

  312. 

  313. <span ></span><a href="../extensions-api-browser-toolbar/index.html" >Button &amp; Badge API</a>
    314. 

  314. 

  315. <ul >
    316. 

  316.   <li class="sub-collection leaf">
    317. 

  317. <a href="../extensions-api-toolbar-createitem/index.html" >opera.contexts. toolbar.createItem()</a>
    318. 

  318. 

  319. </li>
    320. 

  320.   <li class="sub-collection leaf">
    321. 

  321. <a href="../extensions-api-toolbar-additem/index.html" >opera.contexts. toolbar.addItem()</a>
    322. 

  322. 

  323. </li>
    324. 

  324.   <li class="sub-collection leaf">
    325. 

  325. <a href="../extensions-api-toolbar-removeitem/index.html" >opera.contexts. toolbar.removeItem()</a>
    326. 

  326. 

  327. </li>
    328. 

  328.   <li class="sub-collection leaf">
    329. 

  329. <a href="../extensions-api-toolbar-length/index.html" >opera.contexts. toolbar.length</a>
    330. 

  330. 

  331. </li>
    332. 

  332.   <li class="sub-collection leaf">
    333. 

  333. <a href="../extensions-api-button-badge/index.html" >Button.badge</a>
    334. 

  334. 

  335. </li>
    336. 

  336.   <li class="sub-collection leaf">
    337. 

  337. <a href="../extensions-api-button-disabled/index.html" >Button.disabled</a>
    338. 

  338. 

  339. </li>
    340. 

  340.   <li class="sub-collection leaf">
    341. 

  341. <a href="../extensions-api-button-icon/index.html" >Button.icon</a>
    342. 

  342. 

  343. </li>
    344. 

  344.   <li class="sub-collection leaf">
    345. 

  345. <a href="../extensions-api-button-onclick/index.html" >Button.onclick</a>
    346. 

  346. 

  347. </li>
    348. 

  348.   <li class="sub-collection leaf">
    349. 

  349. <a href="../extensions-api-button-popup/index.html" >Button.popup</a>
    350. 

  350. 

  351. </li>
    352. 

  352.   <li class="sub-collection leaf">
    353. 

  353. <a href="../extensions-api-button-title/index.html" >Button.title</a>
    354. 

  354. 

  355. </li>
    356. 

  356.   <li class="sub-collection leaf">
    357. 

  357. <a href="../extensions-api-button-addeventlistener/index.html" >Button.addEventListener()</a>
    358. 

  358. 

  359. </li>
    360. 

  360.   <li class="sub-collection leaf">
    361. 

  361. <a href="../extensions-api-button-removeeventlistener/index.html" >Button.removeEventListener()</a>
    362. 

  362. 

  363. </li>
    364. 

  364.   <li class="sub-collection leaf">
    365. 

  365. <a href="../extensions-api-badge-backgroundcolor/index.html" >Badge.backgroundColor</a>
    366. 

  366. 

  367. </li>
    368. 

  368.   <li class="sub-collection leaf">
    369. 

  369. <a href="../extensions-api-badge-color/index.html" >Badge.color</a>
    370. 

  370. 

  371. </li>
    372. 

  372.   <li class="sub-collection leaf">
    373. 

  373. <a href="../extensions-api-badge-display/index.html" >Badge.display</a>
    374. 

  374. 

  375. </li>
    376. 

  376.   <li class="sub-collection leaf">
    377. 

  377. <a href="../extensions-api-badge-textcontent/index.html" >Badge.textContent</a>
    378. 

  378. 

  379. </li>
    380. 

  380. </ul>
    381. 

  381. </li>
    382. 

  382.   <li class="sub-collection parent-collection">
    383. 

  383. 

  384. <span ></span><a href="../extensions-api-popup/index.html" >Popup API</a>
    385. 

  385. 

  386. <ul >
    387. 

  387.   <li class="sub-collection leaf">
    388. 

  388. <a href="../extensions-api-popup-height/index.html" >Popup.height</a>
    389. 

  389. 

  390. </li>
    391. 

  391.   <li class="sub-collection leaf">
    392. 

  392. <a href="../extensions-api-popup-href/index.html" >Popup.href</a>
    393. 

  393. 

  394. </li>
    395. 

  395.   <li class="sub-collection leaf">
    396. 

  396. <a href="../extensions-api-popup-width/index.html" >Popup.width</a>
    397. 

  397. 

  398. </li>
    399. 

  399.   <li class="sub-collection leaf">
    400. 

  400. <a href="../extensions-api-popup-onmessage/index.html" >opera.extension.onmessage</a>
    401. 

  401. 

  402. </li>
    403. 

  403.   <li class="sub-collection leaf">
    404. 

  404. <a href="../extensions-api-popup-postmessage/index.html" >opera.extension. postMessage()</a>
    405. 

  405. 

  406. </li>
    407. 

  407.   <li class="sub-collection leaf">
    408. 

  408. <a href="../extensions-api-popup-addeventlistener/index.html" >opera.extension. addEventListener()</a>
    409. 

  409. 

  410. </li>
    411. 

  411.   <li class="sub-collection leaf">
    412. 

  412. <a href="../extensions-api-popup-removeeventlistener/index.html" >opera.extension. removeEventListener()</a>
    413. 

  413. 

  414. </li>
    415. 

  415. </ul>
    416. 

  416. </li>
    417. 

  417.   <li class="sub-collection parent-collection">
    418. 

  418. 

  419. <span ></span><a href="../extensions-api-windows-tabs/index.html" >Windows &amp; Tabs API</a>
    420. 

  420. 

  421. <ul >
    422. 

  422.   <li class="sub-collection parent-collection">
    423. 

  423. <span ></span>Windows<ul >
    424. 

  424.   <li class="sub-collection leaf">
    425. 

  425. <a href="../extensions-api-windows-create/index.html" >opera.extension. windows.create()</a>
    426. 

  426. 

  427. </li>
    428. 

  428.   <li class="sub-collection leaf">
    429. 

  429. <a href="../extensions-api-windows-getall/index.html" >opera.extension. windows.getAll()</a>
    430. 

  430. 

  431. </li>
    432. 

  432.   <li class="sub-collection leaf">
    433. 

  433. <a href="../extensions-api-windows-getlastfocused/index.html" >opera.extension. windows.getLastFocused()</a>
    434. 

  434. 

  435. </li>
    436. 

  436.   <li class="sub-collection leaf">
    437. 

  437. <a href="../extensions-api-window-insert/index.html" >BrowserWindow.insert()</a>
    438. 

  438. 

  439. </li>
    440. 

  440.   <li class="sub-collection leaf">
    441. 

  441. <a href="../extensions-api-window-close/index.html" >BrowserWindow.close()</a>
    442. 

  442. 

  443. </li>
    444. 

  444.   <li class="sub-collection leaf">
    445. 

  445. <a href="../extensions-api-window-focus/index.html" >BrowserWindow.focus()</a>
    446. 

  446. 

  447. </li>
    448. 

  448.   <li class="sub-collection leaf">
    449. 

  449. <a href="../extensions-api-window-update/index.html" >BrowserWindow.update()</a>
    450. 

  450. 

  451. </li>
    452. 

  452.   <li class="sub-collection leaf">
    453. 

  453. <a href="../extensions-api-window-id/index.html" >BrowserWindow.id</a>
    454. 

  454. 

  455. </li>
    456. 

  456.   <li class="sub-collection leaf">
    457. 

  457. <a href="../extensions-api-window-closed/index.html" >BrowserWindow.closed</a>
    458. 

  458. 

  459. </li>
    460. 

  460.   <li class="sub-collection leaf">
    461. 

  461. <a href="../extensions-api-window-focused/index.html" >BrowserWindow.focused</a>
    462. 

  462. 

  463. </li>
    464. 

  464.   <li class="sub-collection leaf">
    465. 

  465. <a href="../extensions-api-window-private/index.html" >BrowserWindow.private</a>
    466. 

  466. 

  467. </li>
    468. 

  468.   <li class="sub-collection leaf">
    469. 

  469. <a href="../extensions-api-window-tabgroups/index.html" >BrowserWindow.tabGroups</a>
    470. 

  470. 

  471. </li>
    472. 

  472.   <li class="sub-collection leaf">
    473. 

  473. <a href="../extensions-api-window-tabs/index.html" >BrowserWindow.tabs</a>
    474. 

  474. 

  475. </li>
    476. 

  476.   <li class="sub-collection leaf">
    477. 

  477. <a href="../extensions-api-window-height/index.html" >BrowserWindow.height</a>
    478. 

  478. 

  479. </li>
    480. 

  480.   <li class="sub-collection leaf">
    481. 

  481. <a href="../extensions-api-window-width/index.html" >BrowserWindow.width</a>
    482. 

  482. 

  483. </li>
    484. 

  484.   <li class="sub-collection leaf">
    485. 

  485. <a href="../extensions-api-window-top/index.html" >BrowserWindow.top</a>
    486. 

  486. 

  487. </li>
    488. 

  488.   <li class="sub-collection leaf">
    489. 

  489. <a href="../extensions-api-window-left/index.html" >BrowserWindow.left</a>
    490. 

  490. 

  491. </li>
    492. 

  492. </ul>
    493. 

  493. </li>
    494. 

  494.   <li class="sub-collection parent-collection">
    495. 

  495. <span ></span>Tab Groups<ul >
    496. 

  496.   <li class="sub-collection leaf">
    497. 

  497. <a href="../extensions-api-tabgroups-create/index.html" >opera.extension. tabGroups.create()</a>
    498. 

  498. 

  499. </li>
    500. 

  500.   <li class="sub-collection leaf">
    501. 

  501. <a href="../extensions-api-tabgroups-getall/index.html" >opera.extension. tabGroups.getAll()</a>
    502. 

  502. 

  503. </li>
    504. 

  504.   <li class="sub-collection leaf">
    505. 

  505. <a href="../extensions-api-tabgroup-close/index.html" >BrowserTabGroup.close()</a>
    506. 

  506. 

  507. </li>
    508. 

  508.   <li class="sub-collection leaf">
    509. 

  509. <a href="../extensions-api-tabgroup-focus/index.html" >BrowserTabGroup.focus()</a>
    510. 

  510. 

  511. </li>
    512. 

  512.   <li class="sub-collection leaf">
    513. 

  513. <a href="../extensions-api-tabgroup-insert/index.html" >BrowserTabGroup.insert()</a>
    514. 

  514. 

  515. </li>
    516. 

  516.   <li class="sub-collection leaf">
    517. 

  517. <a href="../extensions-api-tabgroup-update/index.html" >BrowserTabGroup.update()</a>
    518. 

  518. 

  519. </li>
    520. 

  520.   <li class="sub-collection leaf">
    521. 

  521. <a href="../extensions-api-tabgroup-id/index.html" >BrowserTabGroup.id</a>
    522. 

  522. 

  523. </li>
    524. 

  524.   <li class="sub-collection leaf">
    525. 

  525. <a href="../extensions-api-tabgroup-closed/index.html" >BrowserTabGroup.closed</a>
    526. 

  526. 

  527. </li>
    528. 

  528.   <li class="sub-collection leaf">
    529. 

  529. <a href="../extensions-api-tabgroup-collapsed/index.html" >BrowserTabGroup. collapsed</a>
    530. 

  530. 

  531. </li>
    532. 

  532.   <li class="sub-collection leaf">
    533. 

  533. <a href="../extensions-api-tabgroup-browserwindow/index.html" >BrowserTabGroup. browserWindow</a>
    534. 

  534. 

  535. </li>
    536. 

  536.   <li class="sub-collection leaf">
    537. 

  537. <a href="../extensions-api-tabgroup-tabs/index.html" >BrowserTabGroup.tabs</a>
    538. 

  538. 

  539. </li>
    540. 

  540.   <li class="sub-collection leaf">
    541. 

  541. <a href="../extensions-api-tabgroup-position/index.html" >BrowserTabGroup.position</a>
    542. 

  542. 

  543. </li>
    544. 

  544. </ul>
    545. 

  545. </li>
    546. 

  546.   <li class="sub-collection parent-collection">
    547. 

  547. <span ></span>Tabs<ul >
    548. 

  548.   <li class="sub-collection leaf">
    549. 

  549. <a href="../extensions-api-tabs-create/index.html" >opera.extension. tabs.create()</a>
    550. 

  550. 

  551. </li>
    552. 

  552.   <li class="sub-collection leaf">
    553. 

  553. <a href="../extensions-api-tabs-getall/index.html" >opera.extension. tabs.getAll()</a>
    554. 

  554. 

  555. </li>
    556. 

  556.   <li class="sub-collection leaf">
    557. 

  557. <a href="../extensions-api-tabs-getselected/index.html" >opera.extension. tabs.getSelected()</a>
    558. 

  558. 

  559. </li>
    560. 

  560.   <li class="sub-collection leaf">
    561. 

  561. <a href="../extensions-api-tab-close/index.html" >BrowserTab.close()</a>
    562. 

  562. 

  563. </li>
    564. 

  564.   <li class="sub-collection leaf">
    565. 

  565. <a href="../extensions-api-tab-focus/index.html" >BrowserTab.focus()</a>
    566. 

  566. 

  567. </li>
    568. 

  568.   <li class="sub-collection leaf">
    569. 

  569. <a href="../extensions-api-tab-update/index.html" >BrowserTab.update()</a>
    570. 

  570. 

  571. </li>
    572. 

  572.   <li class="sub-collection leaf">
    573. 

  573. <a href="../extensions-api-tab-id/index.html" >BrowserTab.id</a>
    574. 

  574. 

  575. </li>
    576. 

  576.   <li class="sub-collection leaf">
    577. 

  577. <a href="../extensions-api-tab-closed/index.html" >BrowserTab.closed</a>
    578. 

  578. 

  579. </li>
    580. 

  580.   <li class="sub-collection leaf">
    581. 

  581. <a href="../extensions-api-tab-locked/index.html" >BrowserTab.locked</a>
    582. 

  582. 

  583. </li>
    584. 

  584.   <li class="sub-collection leaf">
    585. 

  585. <a href="../extensions-api-tab-private/index.html" >BrowserTab.private</a>
    586. 

  586. 

  587. </li>
    588. 

  588.   <li class="sub-collection leaf">
    589. 

  589. <a href="../extensions-api-tab-selected/index.html" >BrowserTab.selected</a>
    590. 

  590. 

  591. </li>
    592. 

  592.   <li class="sub-collection leaf">
    593. 

  593. <a href="../extensions-api-tab-readystate/index.html" >BrowserTab.readyState</a>
    594. 

  594. 

  595. </li>
    596. 

  596.   <li class="sub-collection leaf">
    597. 

  597. <a href="../extensions-api-tab-faviconurl/index.html" >BrowserTab.faviconUrl</a>
    598. 

  598. 

  599. </li>
    600. 

  600.   <li class="sub-collection leaf">
    601. 

  601. <a href="index.html"  class="current">BrowserTab.title</a>
    602. 

  602. 

  603. </li>
    604. 

  604.   <li class="sub-collection leaf">
    605. 

  605. <a href="../extensions-api-tab-url/index.html" >BrowserTab.url</a>
    606. 

  606. 

  607. </li>
    608. 

  608.   <li class="sub-collection leaf">
    609. 

  609. <a href="../extensions-api-tab-browserwindow/index.html" >BrowserTab.browserWindow</a>
    610. 

  610. 

  611. </li>
    612. 

  612.   <li class="sub-collection leaf">
    613. 

  613. <a href="../extensions-api-tab-tabgroup/index.html" >BrowserTab.tabGroup</a>
    614. 

  614. 

  615. </li>
    616. 

  616.   <li class="sub-collection leaf">
    617. 

  617. <a href="../extensions-api-tab-position/index.html" >BrowserTab.position</a>
    618. 

  618. 

  619. </li>
    620. 

  620.   <li class="sub-collection leaf">
    621. 

  621. <a href="../extensions-api-tab-focused/index.html" >BrowserTab.focused</a>
    622. 

  622. 

  623. </li>
    624. 

  624. </ul>
    625. 

  625. </li>
    626. 

  626. </ul>
    627. 

  627. </li>
    628. 

  628.   <li class="sub-collection parent-collection">
    629. 

  629. 

  630. <span ></span><a href="../extensions-api-injected-scripts/index.html" >Injected scripts</a>
    631. 

  631. 

  632. <ul >
    633. 

  633.   <li class="sub-collection leaf">
    634. 

  634. <a href="../extensions-api-opera-addeventlistener/index.html" >opera.addEventListener()</a>
    635. 

  635. 

  636. </li>
    637. 

  637.   <li class="sub-collection leaf">
    638. 

  638. <a href="../extensions-api-opera-removeeventlistener/index.html" >opera.removeEventListener()</a>
    639. 

  639. 

  640. </li>
    641. 

  641.   <li class="sub-collection leaf">
    642. 

  642. <a href="../extensions-api-opera-definemagicfunction/index.html" >opera.defineMagicFunction()</a>
    643. 

  643. 

  644. </li>
    645. 

  645.   <li class="sub-collection leaf">
    646. 

  646. <a href="../extensions-api-opera-definemagicvariable/index.html" >opera.defineMagicVariable()</a>
    647. 

  647. 

  648. </li>
    649. 

  649.   <li class="sub-collection leaf">
    650. 

  650. <a href="../extensions-api-opera-posterror/index.html" >opera.postError()</a>
    651. 

  651. 

  652. </li>
    653. 

  653. </ul>
    654. 

  654. </li>
    655. 

  655.   <li class="sub-collection parent-collection">
    656. 

  656. 

  657. <span ></span><a href="../extensions-api-urlfilter/index.html" >URL filter API</a>
    658. 

  658. 

  659. <ul >
    660. 

  660.   <li class="sub-collection leaf">
    661. 

  661. <a href="../extensions-api-urlfilter-block-add/index.html" >opera.extension. urlfilter.block.add()</a>
    662. 

  662. 

  663. </li>
    664. 

  664.   <li class="sub-collection leaf">
    665. 

  665. <a href="../extensions-api-urlfilter-block-remove/index.html" >opera.extension. urlfilter.block.remove()</a>
    666. 

  666. 

  667. </li>
    668. 

  668.   <li class="sub-collection leaf">
    669. 

  669. <a href="../extensions-api-urlfilter-allow-add/index.html" >opera.extension. urlfilter.allow.add()</a>
    670. 

  670. 

  671. </li>
    672. 

  672.   <li class="sub-collection leaf">
    673. 

  673. <a href="../extensions-api-ruleoptions-excludedomains/index.html" >RuleOptions.excludeDomains</a>
    674. 

  674. 

  675. </li>
    676. 

  676.   <li class="sub-collection leaf">
    677. 

  677. <a href="../extensions-api-ruleoptions-includedomains/index.html" >RuleOptions.includeDomains</a>
    678. 

  678. 

  679. </li>
    680. 

  680.   <li class="sub-collection leaf">
    681. 

  681. <a href="../extensions-api-ruleoptions-resources/index.html" >RuleOptions.resources</a>
    682. 

  682. 

  683. </li>
    684. 

  684.   <li class="sub-collection leaf">
    685. 

  685. <a href="../extensions-api-ruleoptions-thirdparty/index.html" >RuleOptions.thirdParty</a>
    686. 

  686. 

  687. </li>
    688. 

  688.   <li class="sub-collection leaf">
    689. 

  689. <a href="../extensions-api-urlfilter-syntax/index.html" >URL Filter syntax</a>
    690. 

  690. 

  691. </li>
    692. 

  692. </ul>
    693. 

  693. </li>
    694. 

  694.   <li class="sub-collection parent-collection">
    695. 

  695. 

  696. <span ></span><a href="../extensions-api-messaging/index.html" >Messaging API</a>
    697. 

  697. 

  698. <ul >
    699. 

  699.   <li class="sub-collection leaf">
    700. 

  700. <a href="../extensions-api-messaging-bgprocess/index.html" >opera.extension.bgProcess</a>
    701. 

  701. 

  702. </li>
    703. 

  703.   <li class="sub-collection leaf">
    704. 

  704. <a href="../extensions-api-messaging-onconnect/index.html" >opera.extension.onconnect</a>
    705. 

  705. 

  706. </li>
    707. 

  707.   <li class="sub-collection leaf">
    708. 

  708. <a href="../extensions-api-messaging-ondisconnect/index.html" >opera.extension.ondisconnect</a>
    709. 

  709. 

  710. </li>
    711. 

  711.   <li class="sub-collection leaf">
    712. 

  712. <a href="../extensions-api-messaging-onmessage/index.html" >opera.extension.onmessage</a>
    713. 

  713. 

  714. </li>
    715. 

  715.   <li class="sub-collection leaf">
    716. 

  716. <a href="../extensions-api-messaging-addeventlistener/index.html" >opera.extension. addEventListener()</a>
    717. 

  717. 

  718. </li>
    719. 

  719.   <li class="sub-collection leaf">
    720. 

  720. <a href="../extensions-api-messaging-removeeventlistener/index.html" >opera.extension. removeEventListener()</a>
    721. 

  721. 

  722. </li>
    723. 

  723.   <li class="sub-collection leaf">
    724. 

  724. <a href="../extensions-api-messaging-broadcastmessage/index.html" >opera.extension. broadcastMessage()</a>
    725. 

  725. 

  726. </li>
    727. 

  727. </ul>
    728. 

  728. </li>
    729. 

  729.   <li class="sub-collection parent-collection">
    730. 

  730. 

  731. <span ></span><a href="../extensions-api-speeddial/index.html" >Speed Dial API</a>
    732. 

  732. 

  733. <ul >
    734. 

  734.   <li class="sub-collection leaf">
    735. 

  735. <a href="../extensions-api-speeddial-viewmodes/index.html" >viewmodes attribute</a>
    736. 

  736. 

  737. </li>
    738. 

  738.   <li class="sub-collection leaf">
    739. 

  739. <a href="../extensions-api-speeddial-feature/index.html" >feature element</a>
    740. 

  740. 

  741. </li>
    742. 

  742.   <li class="sub-collection leaf">
    743. 

  743. <a href="../extensions-api-speeddial-param/index.html" >param element</a>
    744. 

  744. 

  745. </li>
    746. 

  746.   <li class="sub-collection leaf">
    747. 

  747. <a href="../extensions-api-speeddial-title/index.html" >opera.contexts.speeddial.title</a>
    748. 

  748. 

  749. </li>
    750. 

  750.   <li class="sub-collection leaf">
    751. 

  751. <a href="../extensions-api-speeddial-url/index.html" >opera.contexts.speeddial.url</a>
    752. 

  752. 

  753. </li>
    754. 

  754. </ul>
    755. 

  755. </li>
    756. 

  756.   <li class="sub-collection parent-collection">
    757. 

  757. 

  758. <span ></span><a href="../extensions-api-resourceloader/index.html" >Resource Loader API</a>
    759. 

  759. 

  760. <ul >
    761. 

  761.   <li class="sub-collection leaf">
    762. 

  762. <a href="../extensions-api-resourceloader-getfile/index.html" >opera.extension.getFile()</a>
    763. 

  763. 

  764. </li>
    765. 

  765. </ul>
    766. 

  766. </li>
    767. 

  767.   <li class="sub-collection parent-collection">
    768. 

  768. 

  769. <span ></span><a href="../extensions-api-screenshot/index.html" >Screenshot API</a>
    770. 

  770. 

  771. <ul >
    772. 

  772.   <li class="sub-collection leaf">
    773. 

  773. <a href="../extensions-api-screenshot-getscreenshot/index.html" >opera.extension.getScreenshot() and BrowserTab.getScreenshot()</a>
    774. 

  774. 

  775. </li>
    776. 

  776. </ul>
    777. 

  777. </li>
    778. 

  778.   <li class="sub-collection parent-collection">
    779. 

  779. 

  780. <span ></span><a href="../extensions-api-contextmenu/index.html" >Context Menu API</a>
    781. 

  781. 

  782. <ul >
    783. 

  783.   <li class="sub-collection leaf">
    784. 

  784. <a href="../extensions-api-contextmenu-createitem/index.html" >opera.contexts. menu.createItem()</a>
    785. 

  785. 

  786. </li>
    787. 

  787.   <li class="sub-collection leaf">
    788. 

  788. <a href="../extensions-api-contextmenu-additem/index.html" >opera.contexts. menu.addItem() and MenuItem.addItem()</a>
    789. 

  789. 

  790. </li>
    791. 

  791.   <li class="sub-collection leaf">
    792. 

  792. <a href="../extensions-api-contextmenu-item/index.html" >opera.contexts.menu.item() and MenuItem.item()</a>
    793. 

  793. 

  794. </li>
    795. 

  795.   <li class="sub-collection leaf">
    796. 

  796. <a href="../extensions-api-contextmenu-removeitem/index.html" >opera.contexts. menu.removeItem() and MenuItem.removeItem()</a>
    797. 

  797. 

  798. </li>
    799. 

  799.   <li class="sub-collection leaf">
    800. 

  800. <a href="../extensions-api-contextmenu-length/index.html" >opera.contexts.menu.length</a>
    801. 

  801. 

  802. </li>
    803. 

  803.   <li class="sub-collection leaf">
    804. 

  804. <a href="../extensions-api-contextmenu-onclick/index.html" >opera.contexts.menu.onclick and MenuItem.onclick</a>
    805. 

  805. 

  806. </li>
    807. 

  807.   <li class="sub-collection leaf">
    808. 

  808. <a href="../extensions-api-contextmenu-contexts/index.html" >MenuItem.contexts</a>
    809. 

  809. 

  810. </li>
    811. 

  811.   <li class="sub-collection leaf">
    812. 

  812. <a href="../extensions-api-contextmenu-disabled/index.html" >MenuItem.disabled</a>
    813. 

  813. 

  814. </li>
    815. 

  815.   <li class="sub-collection leaf">
    816. 

  816. <a href="../extensions-api-contextmenu-documenturlpatterns/index.html" >MenuItem. documentURLPatterns</a>
    817. 

  817. 

  818. </li>
    819. 

  819.   <li class="sub-collection leaf">
    820. 

  820. <a href="../extensions-api-contextmenu-icon/index.html" >MenuItem.icon</a>
    821. 

  821. 

  822. </li>
    823. 

  823.   <li class="sub-collection leaf">
    824. 

  824. <a href="../extensions-api-contextmenu-id/index.html" >MenuItem.id</a>
    825. 

  825. 

  826. </li>
    827. 

  827.   <li class="sub-collection leaf">
    828. 

  828. <a href="../extensions-api-contextmenu-parent/index.html" >MenuItem.parent</a>
    829. 

  829. 

  830. </li>
    831. 

  831.   <li class="sub-collection leaf">
    832. 

  832. <a href="../extensions-api-contextmenu-targeturlpatterns/index.html" >MenuItem.targetURLPatterns</a>
    833. 

  833. 

  834. </li>
    835. 

  835.   <li class="sub-collection leaf">
    836. 

  836. <a href="../extensions-api-contextmenu-title/index.html" >MenuItem.title</a>
    837. 

  837. 

  838. </li>
    839. 

  839.   <li class="sub-collection leaf">
    840. 

  840. <a href="../extensions-api-contextmenu-type/index.html" >MenuItem.type</a>
    841. 

  841. 

  842. </li>
    843. 

  843.   <li class="sub-collection leaf">
    844. 

  844. <a href="../extensions-api-contextmenu-documenturl/index.html" >MenuEvent.documentURL</a>
    845. 

  845. 

  846. </li>
    847. 

  847.   <li class="sub-collection leaf">
    848. 

  848. <a href="../extensions-api-contextmenu-iseditable/index.html" >MenuEvent.isEditable</a>
    849. 

  849. 

  850. </li>
    851. 

  851.   <li class="sub-collection leaf">
    852. 

  852. <a href="../extensions-api-contextmenu-linkurl/index.html" >MenuEvent.linkURL</a>
    853. 

  853. 

  854. </li>
    855. 

  855.   <li class="sub-collection leaf">
    856. 

  856. <a href="../extensions-api-contextmenu-mediatype/index.html" >MenuEvent.mediaType</a>
    857. 

  857. 

  858. </li>
    859. 

  859.   <li class="sub-collection leaf">
    860. 

  860. <a href="../extensions-api-contextmenu-pageurl/index.html" >MenuEvent.pageURL</a>
    861. 

  861. 

  862. </li>
    863. 

  863.   <li class="sub-collection leaf">
    864. 

  864. <a href="../extensions-api-contextmenu-selectiontext/index.html" >MenuEvent.selectionText</a>
    865. 

  865. 

  866. </li>
    867. 

  867.   <li class="sub-collection leaf">
    868. 

  868. <a href="../extensions-api-contextmenu-source/index.html" >MenuEvent.source</a>
    869. 

  869. 

  870. </li>
    871. 

  871.   <li class="sub-collection leaf">
    872. 

  872. <a href="../extensions-api-contextmenu-srcelement/index.html" >MenuEvent.srcElement</a>
    873. 

  873. 

  874. </li>
    875. 

  875.   <li class="sub-collection leaf">
    876. 

  876. <a href="../extensions-api-contextmenu-srcurl/index.html" >MenuEvent.srcURL</a>
    877. 

  877. 

  878. </li>
    879. 

  879.   <li class="sub-collection leaf">
    880. 

  880. <a href="../extensions-api-contextmenu-target/index.html" >MenuEvent.target</a>
    881. 

  881. 

  882. </li>
    883. 

  883. </ul>
    884. 

  884. </li>
    885. 

  885. </ul>
    886. 

  886. </li>
    887. 

  887.   <li class="sub-collection parent-collection">
    888. 

  888. <span ></span>Extension tutorials<ul >
    889. 

  889.   <li class="sub-collection leaf">
    890. 

  890. <a href="../config-xml-howto/index.html" >The ins and outs of config.xml</a>
    891. 

  891. 

  892. </li>
    893. 

  893.   <li class="sub-collection leaf">
    894. 

  894. <a href="../opera-extensions-buttons-badges-and-popups/index.html" >Buttons, badges and popups</a>
    895. 

  895. 

  896. </li>
    897. 

  897.   <li class="sub-collection leaf">
    898. 

  898. <a href="../opera-extensions-messaging/index.html" >Messaging</a>
    899. 

  899. 

  900. </li>
    901. 

  901.   <li class="sub-collection leaf">
    902. 

  902. <a href="../opera-extensions-options-page/index.html" >Options page</a>
    903. 

  903. 

  904. </li>
    905. 

  905.   <li class="sub-collection leaf">
    906. 

  906. <a href="../accessing-an-opera-extensions-background-process/index.html" >Accessing an Opera extension's background process</a>
    907. 

    908. 

  908. </li>
    909. 

  909.   <li class="sub-collection leaf">
    910. 

  910. <a href="../creating-opera-speed-dial-extensions/index.html" >Creating Opera Speed Dial Extensions</a>
    911. 

  911. 

  912. </li>
    913. 

  913.   <li class="sub-collection leaf">
    914. 

  914. <a href="../cookie-sharing-in-opera-extensions/index.html" >Cookie-sharing in Opera extensions</a>
    915. 

  915. 

  916. </li>
    917. 

  917.   <li class="sub-collection leaf">
    918. 

  918. <a href="../site-blocking-with-operas-url-filter-api/index.html" >Site blocking with Opera’s URL Filter API</a>
    919. 

  919. 

  920. </li>
    921. 

  921.   <li class="sub-collection leaf">
    922. 

  922. <a href="../creating-multilingual-extensions/index.html" >Creating multilingual extensions</a>
    923. 

  923. 

  924. </li>
    925. 

  925.   <li class="sub-collection leaf">
    926. 

  926. <a href="../hands-on-building-an-opera-extension/index.html" >Hands-on tutorial: building an Opera extension</a>
    927. 

  927. 

  928. </li>
    929. 

  929.   <li class="sub-collection leaf">
    930. 

  930. <a href="../converting-userjs-to-extensions/index.html" >Converting UserJS to Opera Extensions</a>
    931. 

  931. 

  932. </li>
    933. 

  933.   <li class="sub-collection leaf">
    934. 

  934. <a href="../converting-widgets-to-opera-extensions/index.html" >Converting widgets to Opera Extensions: Things to keep in mind</a>
    935. 

  935. 

  936. </li>
    937. 

  937. </ul>
    938. 

  938. </li>
    939. 

  939.   <li class="sub-collection parent-collection">
    940. 

  940. <span ></span>Templates and code samples<ul >
    941. 

  941.   <li class="sub-collection leaf">
    942. 

  942. <a href="../opera-extension-code-examples/index.html" >Opera extension code examples</a>
    943. 

  943. 

  944. </li>
    945. 

  945.   <li class="sub-collection leaf">
    946. 

  946. <a href="../opera-extensions-prototypes-modifying-css/index.html" >Opera extensions prototypes for modifying CSS</a>
    947. 

  947. 

  948. </li>
    949. 

  949. </ul>
    950. 

  950. </li>
    951. 

  951.   <li class="sub-collection parent-collection">
    952. 

  952. <span ></span>UI guidelines and distribution<ul >
    953. 

  953.   <li class="sub-collection leaf">
    954. 

  954. <a href="../opera-extensions-publishing-guidelines/index.html" >Publishing guidelines</a>
    955. 

  955. 

  956. </li>
    957. 

  957.   <li class="sub-collection leaf">
    958. 

  958. <a href="../creating-effective-opera-extension-icons/index.html" >Creating effective Opera Extension icons</a>
    959. 

  959. 

  960. </li>
    961. 

  961.   <li class="sub-collection leaf">
    962. 

  962. <a href="../distributing-opera-extensions-and-auto-updates/index.html" >Distributing Opera extensions and auto-updates</a>
    963. 

  963. 

  964. </li>
    965. 

  965. </ul>
    966. 

  966. </li>
    967. 

  967. </ul>
    968. 

  968.   </section>
    969. 

  969. 

  970. <script type="text/javascript">
    971. 

  971. $(document).ready(function() {
    972. 

  972.     // Add .current to all .sub-collections above the current .current
    973. 

  973.     $('.sub-collection:has(.current)').addClass('current');
    974. 

  974. 

  975.     // Iterate over all .sub-collections
    976. 

  976.     $('.sub-collection').each(function() {
    977. 

  977.         var subCollectionUl = $(this).children('ul')
    978. 

  978.           , subCollectionExpander = $(this).children('span');
    979. 

  979. 

  980.         if (subCollectionUl) {
    981. 

  981.             // Add special CSS rules for parent nodes that should be expandable
    982. 

  982.             if (!subCollectionUl.hasClass('root') ||
    983. 

  983.                 subCollectionUl.css('display') === 'none') {
    984. 

  984. 

  985.                 // If the node has the .current class, it is per definition shown
    986. 

  986.                 if ($(this).hasClass('current')) {
    987. 

  987.                     $(this).addClass('collection-shown');
    988. 

  988.                 }
    989. 

  989.                 // Otherwise, show the node as expandable
    990. 

  990.                 else {
    991. 

  991.                     subCollectionExpander.toggleClass('expandable');
    992. 

  992.                     subCollectionUl.css('display', 'none');
    993. 

  993.                 }
    994. 

  994.             }
    995. 

  995. 

  996.             // Add a onclick hook to the expander
    997. 

  997.             subCollectionExpander.click(function() {
    998. 

  998.                 var currentDisplay = subCollectionUl.css('display');
    999. 

  999. 

  1000.                 // Toggle appropriate classes
    1001. 

  1001.                 $(this).toggleClass('descendant');
    1002. 

  1002.                 $(this).toggleClass('expandable');
    1003. 

  1003. 

  1004.                 // Toggle visibility and appropriate class to parent node
    1005. 

  1005.                 subCollectionUl.css('display', currentDisplay === 'none' ? 'inherit' : 'none');
    1006. 

  1006.                 $(this).parent().toggleClass('collection-shown', currentDisplay === 'none');
    1007. 

  1007.             });
    1008. 

  1008.         }
    1009. 

  1009.     });
    1010. 

  1010. });
    1011. 

  1011. </script>
    1012. 

  1012. </aside>
    1013. 

  1013. </section>
    1014. 

  1014. <script type="text/javascript" src="../../../../static.myopera.com/dev/js/highlight.pack.js"></script>
    1015. 

  1015. <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
    1016. 

  1016. 

  1017.     <footer>
    1018. 

  1018.       <section role="contentinfo">
    1019. 

  1019.         <ul>
    1020. 

  1020.           <li><a href="../../../help.html">Help/<abbr>FAQ</abbr></a>
    1021. 

  1021.           <li><a href="http://my.opera.com/community/terms-of-service/?utm_source=devopera&amp;utm_medium=footer&amp;utm_campaign=devlinks">Terms of service</a>
    1022. 

  1022.           <li><a href="../../../privacy.html">Privacy</a>
    1023. 

  1023.         </ul>
    1024. 

  1024.       </section>
    1025. 

  1025.     </footer>
    1026. 

  1026.   </body>
    1027. 

  1027. </html>
    1028. 

  1028.