aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html137
1 files changed, 0 insertions, 137 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html b/contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html
deleted file mode 100644
index 2dd469b..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/autocompleterichremote.html
+++ /dev/null
@@ -1,137 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2007 The Closure Library Authors. All Rights Reserved.
-
-Use of this source code is governed by the Apache License, Version 2.0.
-See the COPYING file for details.
--->
-<!--
--->
-<head>
- <title>goog.ui.ac.RichRemote</title>
- <script src="../base.js"></script>
- <script>
- goog.require("goog.array");
- goog.require("goog.dom");
- goog.require("goog.ui.ac.RichRemote");
- </script>
- <link rel="stylesheet" href="css/demo.css">
- <link rel="stylesheet" href="../css/autocomplete.css">
- <style type="text/css">
- .apple {
- background-color: #990033;
- color: #FFFFFF;
- margin: 3px;
- font-style: italic;
- }
-
- .citrus {
- background-color: #CCCC33;
- color: #FFFFFF;
- margin: 3px;
- font-style: italic;
- }
-
- .berry {
- background-color: #009933;
- color: #FFFFFF;
- margin: 3px;
- font-style: italic;
- }
- </style>
-</head>
-<body>
- <h1>goog.ui.ac.RichRemote</h1>
- <p>
- Fruit Selector:<br>
- <input type="text" id="txtInput" style="width:500px"/>
- <input type="checkbox" id="berryAllergy" onclick="setFilter()"/>
- <label for="berryAllergy">berry allergy</label>
- <input type="checkbox" id="setHighlighting"
- onclick="setHighlighting()"/>
- <label for="setHighlighting">standard highlighting</label>
- <p>
- This data is being pulled from the server at
- <a href="autocompleterichremotedata.js">autocompleterichremotedata.js</a>.
- </p>
- <p>
- Ideally the server would perform a search on the query and would only
- return relevant results; however, this response is static.
- </p>
- </p>
-
- <iframe id="wikipedia" width="900" height="600"></iframe>
-
- <script>
- var makeRichRow_ = function(item, itemType, itemClassName) {
- item.type = itemType;
-
- item.render = function(node, token) {
- var dom_ = goog.dom.getDomHelper(node);
- var typeNode = dom_.createDom("span", itemClassName);
- dom_.appendChild(typeNode, dom_.createTextNode(itemType));
-
- var nameNode = dom_.createDom("span");
- dom_.appendChild(nameNode, dom_.createTextNode(item.name));
-
- dom_.appendChild(node, typeNode);
- dom_.appendChild(node, nameNode);
- };
-
- item.select = function(target) {
- target.value = item.name;
- wikipedia.src = item.url;
- };
-
- return item;
- };
-
- var apple = function(item) {
- return makeRichRow_(item, "Apple", "apple");
- };
-
- var citrus = function(item) {
- return makeRichRow_(item, "Citrus", "citrus");
- };
-
- var berry = function(item) {
- return makeRichRow_(item, "Berry", "berry");
- };
-
- var input = document.getElementById("txtInput");
- var wikipedia = document.getElementById("wikipedia");
- var ac = new goog.ui.ac.RichRemote("autocompleterichremotedata.js",
- input);
-
- // Set the autocomplete"s rowFilter appropriately
- var setFilter = function() {
- var checkbox = document.getElementById("berryAllergy");
- if (checkbox.checked) {
- ac.setRowFilter(filterOutBerries);
- } else {
- ac.setRowFilter();
- }
- };
-
- // Set the autocomplete"s standard highlighting
- var setHighlighting = function() {
- var checkbox = document.getElementById("setHighlighting");
- ac.setUseStandardHighlighting(checkbox.checked);
- };
-
- // Do not include berries in the search results
- var filterOutBerries = function(rows) {
- var filterFunction = function(item) { return item.type != "Berry"; };
- return goog.array.filter(rows, filterFunction);
- };
-
- // When the page loads, make sure to set the filter appropriately
- window.onload = function() {
- setFilter();
- setHighlighting();
- };
-
- </script>
-</body>
-</html>