Add simple popup support to browser actions. This will create a popup HTML window that extends below a browser action button when the browser is clicked. When it loses focus, it is automatically dismissed.

BUG=23596
TEST=none

Review URL: http://codereview.chromium.org/258011

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@27889 0039d316-1c4b-4281-b951-d872f2087c98

3 files changed, 57 insertions, 0 deletions

diff --git a/chrome/test/data/extensions/samples/set_page_color/icon.png b/chrome/test/data/extensions/samples/set_page_color/icon.png
new file mode 100755
index 0000000..1f1c906
--- /dev/null
+++ b/chrome/test/data/extensions/samples/set_page_color/icon.png
diff --git a/chrome/test/data/extensions/samples/set_page_color/manifest.json b/chrome/test/data/extensions/samples/set_page_color/manifest.json
new file mode 100755
index 0000000..081681a
--- /dev/null
+++ b/chrome/test/data/extensions/samples/set_page_color/manifest.json
@@ -0,0 +1,12 @@
+{
+  "name": "A browser action with a popup that changes the page color.",
+  "version": "1.0",
+  "permissions": [
+    "tabs", "http://*/*"
+  ],
+  "browser_action": {
+      "name": "Set this page's color.",
+      "icons": ["icon.png"],
+      "popup": { "path": "popup.html", "height": 78 }
+  }
+}
\ No newline at end of file
diff --git a/chrome/test/data/extensions/samples/set_page_color/popup.html b/chrome/test/data/extensions/samples/set_page_color/popup.html
new file mode 100755
index 0000000..e781b9b
--- /dev/null
+++ b/chrome/test/data/extensions/samples/set_page_color/popup.html
@@ -0,0 +1,45 @@
+<style>

+body {

+  overflow: hidden;

+  margin: 0px;

+  padding: 0px;

+  background: #cccccc;

+  border: 1px solid black;

+}

+div {

+  cursor: pointer;

+  text-align: center;

+  padding: 1px 3px;

+  font: menu;

+  width: 100px;

+}

+div:hover {

+  background: #aaaaaa;

+}

+#red {

+  border: 1px solid red;

+  color: red;

+}

+#blue {

+  border: 1px solid blue;

+  color: blue;

+}

+#green {

+  border: 1px solid green;

+  color: green;

+}

+#yellow {

+  border: 1px solid yellow;

+  color: yellow;

+}

+</style>

+<script>

+function click(color) {

+  chrome.tabs.executeScript(null,

+      {code:"document.body.bgColor='" + color.id + "'"});

+}

+</script>

+<div onclick="click(this)" id="red">red</div>

+<div onclick="click(this)" id="blue">blue</div>

+<div onclick="click(this)" id="green">green</div>

+<div onclick="click(this)" id="yellow">yellow</div>