Index: chrome/common/extensions/docs/examples/api/notifications/options.html |
diff --git a/chrome/common/extensions/docs/examples/api/notifications/options.html b/chrome/common/extensions/docs/examples/api/notifications/options.html |
index a06df0cdff0bc47eac64f76c112622953f402c3b..775a3a35de70ceae48cc9a93d6b5c256b47f89f8 100644 |
--- a/chrome/common/extensions/docs/examples/api/notifications/options.html |
+++ b/chrome/common/extensions/docs/examples/api/notifications/options.html |
@@ -8,78 +8,35 @@ |
Brian Kennish <bkennish@chromium.org> |
--> |
-<title>Notification Demo</title> |
-<style> |
- /* Clone the look and feel of "chrome://" pages. */ |
- body { |
- margin: 10px; |
- font: 84% Arial, sans-serif |
- } |
- |
- h1 { font-size: 156% } |
- |
- h1 img { |
- margin: 1px 5px 0 1px; |
- vertical-align: middle |
- } |
- |
- h2 { |
- border-top: 1px solid #9cc2ef; |
- background-color: #ebeff9; |
- padding: 3px 5px; |
- font-size: 100% |
- } |
-</style> |
-<script> |
- /* |
- Grays out or [whatever the opposite of graying out is called] the option |
- field. |
- */ |
- function ghost(isDeactivated) { |
- options.style.color = isDeactivated ? 'graytext' : 'black'; |
- // The label color. |
- options.frequency.disabled = isDeactivated; // The control manipulability. |
- } |
- |
- onload = function() { |
- // Initialize the option controls. |
- options.isActivated.checked = JSON.parse(localStorage.isActivated); |
- // The display activation. |
- options.frequency.value = localStorage.frequency; |
- // The display frequency, in minutes. |
- |
- if (!options.isActivated.checked) { ghost(true); } |
- |
- // Set the display activation and frequency. |
- options.isActivated.onchange = function() { |
- localStorage.isActivated = options.isActivated.checked; |
- ghost(!options.isActivated.checked); |
- }; |
- |
- options.frequency.onchange = function() { |
- localStorage.frequency = options.frequency.value; |
- }; |
- }; |
-</script> |
-<h1> |
- <img src="64.png" alt="Toast"> |
- Notification Demo |
-</h1> |
-<h2>Options</h2> |
-<form id="options"> |
- <input type="checkbox" name="isActivated" checked> |
- Display a notification every |
- <select name="frequency"> |
- <option>1</option> |
- <option>2</option> |
- <option>3</option> |
- <option>4</option> |
- <option>5</option> |
- <option>10</option> |
- <option>15</option> |
- <option>20</option> |
- <option>25</option> |
- <option>30</option> |
- </select> |
- minute(s). |
-</form> |
+<!doctype html> |
+<html> |
+ <head> |
+ <title>Notification Demo</title> |
+ <link href="style.css" rel="stylesheet" type="text/css"> |
+ <script src="options.js"></script> |
+ </head> |
+ <body> |
+ <h1> |
+ <img src="64.png" alt="Toast"> |
+ Notification Demo |
+ </h1> |
+ <h2>Options</h2> |
+ <form id="options"> |
+ <input type="checkbox" name="isActivated" checked> |
+ Display a notification every |
+ <select name="frequency"> |
+ <option>1</option> |
+ <option>2</option> |
+ <option>3</option> |
+ <option>4</option> |
+ <option>5</option> |
+ <option>10</option> |
+ <option>15</option> |
+ <option>20</option> |
+ <option>25</option> |
+ <option>30</option> |
+ </select> |
+ minute(s). |
+ </form> |
+ </body> |
+</html> |