Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(172)

Side by Side Diff: chrome/common/extensions/docs/templates/articles/options.html

Issue 11035015: Merge 159156 - Extensions Docs Server: Fix headings with no IDs (Closed) Base URL: svn://svn.chromium.org/chrome/branches/1229/src/
Patch Set: Created 8 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <h1>Options</h1> 1 <h1>Options</h1>
2 2
3 <p>To allow users to customize the behavior of your extension, you may wish to p rovide an options page. If you do, a link to it will be provided from the extens ions management page at chrome://extensions. Clicking the Options link opens a n ew tab pointing at your options page. 3 <p>To allow users to customize the behavior of your extension, you may wish to p rovide an options page. If you do, a link to it will be provided from the extens ions management page at chrome://extensions. Clicking the Options link opens a n ew tab pointing at your options page.
4 4
5 <h2>Step 1: Declare your options page in the manifest</h2> 5 <h2 id="step_1">Step 1: Declare your options page in the manifest</h2>
6 6
7 <pre>{ 7 <pre>{
8 "name": "My extension", 8 "name": "My extension",
9 ... 9 ...
10 <b>"options_page": "options.html"</b>, 10 <b>"options_page": "options.html"</b>,
11 ... 11 ...
12 }</pre> 12 }</pre>
13 13
14 14
15 <h2>Step 2: Write your options page</h2> 15 <h2 id="step_2">Step 2: Write your options page</h2>
16 16
17 Here is an example options page: 17 Here is an example options page:
18 18
19 <pre>// Save this script as `options.js` 19 <pre>// Save this script as `options.js`
20 20
21 // Saves options to localStorage. 21 // Saves options to localStorage.
22 function save_options() { 22 function save_options() {
23 var select = document.getElementById("color"); 23 var select = document.getElementById("color");
24 var color = select.children[select.selectedIndex].value; 24 var color = select.children[select.selectedIndex].value;
25 localStorage["favorite_color"] = color; 25 localStorage["favorite_color"] = color;
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
66 &lt;option value="yellow">yellow&lt;/option> 66 &lt;option value="yellow">yellow&lt;/option>
67 &lt;/select> 67 &lt;/select>
68 68
69 &lt;br> 69 &lt;br>
70 &lt;div id="status">&lt;/div> 70 &lt;div id="status">&lt;/div>
71 &lt;button id="save">Save&lt;/button> 71 &lt;button id="save">Save&lt;/button>
72 &lt;/body> 72 &lt;/body>
73 &lt;/html> 73 &lt;/html>
74 </pre> 74 </pre>
75 75
76 <h2>Important notes</h2> 76 <h2 id="important_notes">Important notes</h2>
77 <ul> 77 <ul>
78 <li>We plan on providing some default css styles to encourage a consistent look across different extensions' options pages. You can star <a href="http://crbug.c om/25317">crbug.com/25317</a> to be notified of updates.</li> 78 <li>We plan on providing some default css styles to encourage a consistent look across different extensions' options pages. You can star <a href="http://crbug.c om/25317">crbug.com/25317</a> to be notified of updates.</li>
79 </ul> 79 </ul>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698