summaryrefslogtreecommitdiffstats
path: root/chrome/common/extensions/docs/samples.html
diff options
context:
space:
mode:
Diffstat (limited to 'chrome/common/extensions/docs/samples.html')
-rw-r--r--chrome/common/extensions/docs/samples.html162
1 files changed, 116 insertions, 46 deletions
diff --git a/chrome/common/extensions/docs/samples.html b/chrome/common/extensions/docs/samples.html
index 6582fa8..c742448 100644
--- a/chrome/common/extensions/docs/samples.html
+++ b/chrome/common/extensions/docs/samples.html
@@ -15,7 +15,7 @@
</script>
<script type="text/javascript" src="js/api_page_generator.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
- <title>Samples</title></head><body> <div id="container">
+ <title>Samples</title></head><body> <div id="gc-container" class="labs">
<!-- SUBTEMPLATES: DO NOT MOVE FROM THIS LOCATION -->
<!-- In particular, sub-templates that recurse, must be used by allowing
jstemplate to make a copy of the template in this section which
@@ -68,39 +68,74 @@
</div> <!-- /SUBTEMPLATES -->
- <a name="top"> </a>
+ <a id="top"></a>
+ <div id="skipto">
+ <a href="#gc-pagecontent">Skip to page content</a>
+ <a href="#gc-toc">Skip to main navigation</a>
+ </div>
<!-- API HEADER -->
- <div id="pageHeader">
- <div id="searchbox">
- <form action="http://www.google.com/cse" id="cse-search-box">
- <div>
+ <div id="gc-header">
+ <div id="logo">
+
+
+ <img src="images/code_labs_logo.gif" height="43" width="161" alt="Google Code Labs" style="border:0;">
+
+
+ </div>
+ <div id="search">
+ <div id="searchForm" class="searchForm">
+ <form action="http://www.google.com/cse" id="cse">
+ <div id="gsc-search-box">
<input type="hidden" name="cx" value="002967670403910741006:61_cvzfqtno">
<input type="hidden" name="ie" value="UTF-8">
<input type="text" name="q" size="31">
- <input type="submit" name="sa" value="Search">
+ <input class="gsc-search-button" type="submit" name="sa" value="Search">
</div>
</form>
+ <p>&nbsp;</p>
+ </div> <!-- end searchForm -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
- <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&amp;t13n_langs=en"></script>
- <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
- </div>
- <div id="pageTitle">
- <h1>Samples</h1>
- </div>
- </div> <!-- /pageHeader -->
+ <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse&amp;t13n_langs=en"></script>
+ <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse&amp;lang=en"></script>
+ </div> <!-- end search -->
+ </div> <!-- end gc-header -->
+
+ <div id="codesiteContent">
+
+ <a id="gc-topnav-anchor"></a>
+ <div id="gc-topnav">
+ <h1>Google Chrome Extensions (<a href="/labs/">Labs</a>)</h1>
+ <ul id="home" class="gc-topnav-tabs">
+ <li id="home_link">
+ <a href="index.html" class="selected" title="Google Chrome Extensions documentation home page">Home</a>
+ </li>
+ <li id="blog_link">
+ <a href="http://blog.chromium.org/" title="Chromium blog">Blog</a>
+ </li>
+ <li id="faq_link">
+ <a href="faq.html" title="Google Chrome Extensions FAQ">FAQ</a>
+ </li>
+ <li id="group_link">
+ <a href="http://groups.google.com/group/chromium-extensions" title="Chromium-Extensions group">Group</a>
+ </li>
+ <li id="terms_link">
+ Terms
+ </li>
+ </ul>
+ </div> <!-- end gc-topnav -->
- <div id="pageContent">
+ <div class="g-section g-tpl-170">
<!-- SIDENAV -->
- <div id="leftNav">
+ <div class="g-unit g-first" id="gc-toc">
<ul>
- <li> <a href="index.html">Home</a></li>
- <li> <a href="getstarted.html">Getting Started</a></li>
- <li> <a href="overview.html">Overview</a></li>
- <li> <a href="devguide.html"><div>Developer's Guide</div></a>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="getstarted.html">Getting Started</a></li>
+ <li><a href="overview.html">Overview</a></li>
+ <li><h2><a href="devguide.html">Developer's Guide</a></h2>
<ul>
- <li> Browser UI
+ <li>Browser UI
<ul>
<li><a href="browserAction.html">Browser Actions</a></li>
<li><a href="options.html">Options Pages</a></li>
@@ -109,7 +144,7 @@
<li><a href="themes.html">Themes</a></li>
</ul>
</li>
- <li> Browser Interaction
+ <li>Browser Interaction
<ul>
<li><a href="bookmarks.html">Bookmarks</a></li>
<li><a href="events.html">Events</a></li>
@@ -117,7 +152,7 @@
<li><a href="windows.html">Windows</a></li>
</ul>
</li>
- <li> Implementation
+ <li>Implementation
<ul>
<li><a href="background_pages.html">Background Pages</a></li>
<li><a href="content_scripts.html">Content Scripts</a></li>
@@ -126,7 +161,7 @@
<li><a href="npapi.html">NPAPI Plugins</a></li>
</ul>
</li>
- <li> Finishing
+ <li>Finishing
<ul>
<li><a href="autoupdate.html">Autoupdating</a></li>
<li><a href="packaging.html">Packaging</a></li>
@@ -134,42 +169,59 @@
</li>
</ul>
</li>
- <li><a href="tutorials.html"><div>Tutorials</div></a>
+ <li><h2><a href="tutorials.html">Tutorials</a></h2>
<ul>
<li><a href="tut_debugging.html">Debugging</a></li>
</ul>
</li>
- <li>Reference
+ <li><h2>Reference</h2>
<ul>
- <li> Formats
+ <li>Formats
<ul>
<li><a href="manifest.html">Manifest Files</a></li>
<li><a href="match_patterns.html">Match Patterns</a></li>
<!-- <li>Packages (.crx)</li> -->
</ul>
</li>
- <li> <a href="api_index.html">chrome.* APIs</a> </li>
- <li> <a href="api_other.html">Other APIs</a> </li>
+ <li><a href="api_index.html">chrome.* APIs</a></li>
+ <li><a href="api_other.html">Other APIs</a></li>
</ul>
</li>
- <li class="leftNavSelected">Samples</li>
+ <li><h2><a href="samples.html">Samples</a></h2></li>
</ul>
</div>
- <div id="mainColumn">
+ <div class="g-unit" id="gc-pagecontent">
+ <div id="pageTitle">
+ <h1 class="page_title">Samples</h1>
+ </div>
<!-- TABLE OF CONTENTS -->
- <div id="toc" style="display: none; ">
- <p>Contents</p>
+ <div id="toc">
+ <h2>Contents</h2>
<ol>
<li>
- <a>h2Name</a>
+ <a href="#H2-0">Google Mail Checker</a>
<ol>
- <li>
+ <li style="display: none; ">
+ <a>h3Name</a>
+ </li>
+ </ol>
+ </li><li>
+ <a href="#H2-1">Chromium Buildbot Monitor</a>
+ <ol>
+ <li style="display: none; ">
+ <a>h3Name</a>
+ </li>
+ </ol>
+ </li><li>
+ <a href="#H2-2">Subscribe in Feed Reader</a>
+ <ol>
+ <li style="display: none; ">
<a>h3Name</a>
</li>
</ol>
</li>
- <div>
+ <div style="display: none; ">
<li>
<a href="#apiReference">API reference</a>
<ol>
@@ -213,9 +265,25 @@
<!-- /TABLE OF CONTENTS -->
<!-- STATIC CONTENT PLACEHOLDER -->
- <div id="static"><p><b style="color:red">Note:</b> To run these samples, you need to be on the <a href="http://dev.chromium.org/getting-involved/dev-channel">Dev or Beta channel</a> of Google Chrome.
+ <div id="static"><div id="pageData-showTOC" class="pageData">true</div>
+
+<p>
+This page shows some sample extensions,
+with links that let you install them
+and find their source code.
+Each sample also has links to the documentation
+for each feature used by the sample.
+</p>
+
+<p><b>Note:</b> To run these samples, you need to be using the <a href="http://dev.chromium.org/getting-involved/dev-channel">Dev or Beta channel</a> of Google Chrome.
+
+</p><p>
+For more example code, see the
+<a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/" target="_blank">Chromium examples directory</a>.
+</p>
-</p><h2>Google Mail Checker</h2>
+
+<a name="H2-0"></a><h2>Google Mail Checker</h2>
<p>Adds a Google Mail button to the toolbar which displays the number of unread messages in your inbox. You can also click the button to open your inbox.
@@ -238,7 +306,7 @@
<br>
-<h2>Chromium Buildbot Monitor</h2>
+<a name="H2-1"></a><h2>Chromium Buildbot Monitor</h2>
<p><a href="http://www.chromium.org/">Chromium</a> is the open source project behind Google Chrome. This extension monitors the status of the Chromium's continuous build and test suite. You can also click the icon to get more detailed information about the current status.
@@ -259,7 +327,7 @@
<br>
-<h2>Subscribe in Feed Reader</h2>
+<a name="H2-2"></a><h2>Subscribe in Feed Reader</h2>
<p>Adds a small icon to the omnibox when a web page contains a feed that can be subscribed to. When you click the icon, present a preview of the feed and the option to subscribe in the web-based reader of your choice.
@@ -423,9 +491,11 @@
</div> <!-- /apiGroup -->
</div> <!-- /apiPage -->
- </div> <!-- /mainColumn -->
- </div> <!-- /pageContent -->
- <div id="pageFooter" --="">
+ </div> <!-- /gc-pagecontent -->
+ </div> <!-- /g-section -->
+ </div> <!-- /codesiteContent -->
+ <div id="gc-footer" --="">
+ <div class="text">
<p>
Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
@@ -457,8 +527,8 @@
catch(e) {/* urchinTracker not available. */}
</script>
<!-- end analytics -->
-
- </div> <!-- /pageFooter -->
- </div> <!-- /container -->
+ </div>
+ </div> <!-- /gc-footer -->
+ </div> <!-- /gc-container -->
</body></html>