aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/dialog.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/dialog.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/dialog.html156
1 files changed, 0 insertions, 156 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/dialog.html b/contexts/data/lib/closure-library/closure/goog/demos/dialog.html
deleted file mode 100644
index b441545..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/dialog.html
+++ /dev/null
@@ -1,156 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2010 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.Dialog</title>
- <script src="../base.js"></script>
- <script>
- goog.require('goog.events');
- goog.require('goog.events.EventType');
- goog.require('goog.ui.Dialog');
- </script>
- <link rel="stylesheet" href="css/demo.css">
- <link rel="stylesheet" href="../css/dialog.css">
- <style>
- .modal-dialog {
- width: 430px;
- }
- </style>
-</head>
-
-<body>
- <h1>goog.ui.Dialog</h1>
- <div><input id="openOnKeyDown" type="checkbox">
- <label>Enable open on keydown</label>
- <span>(use "Space" to open dialog with no Iframe, "Enter" to open with Iframe
- mask</span>
- </div>
- <div><input id="swapModalOnShift" type="checkbox">
- <label>Enable modal change with shift when the dialog is open</label>
- </div>
- <button onclick="showDialog(dialog1);">
- Open Dialog (no Iframe)</button>
- <br>
- <button onclick="showDialog(dialog2);">
- Open Dialog (w/ Iframe mask)
- </button>
-
-
- <fieldset style="margin-top: 2em;">
- <legend>A sample web page</legend>
- <h2>
- A World Beyond AJAX: Accessing Google's APIs from Flash and
- Non-JavaScript Environments
- </h2>
- <cite>Vadim Spivak (Google)</cite>
-
- <p>
- AJAX isn't the only way to access Google APIs. Learn how to use Google's
- services from Flash and other non-JavaScript programming environments.
- We'll show you how easy it is to augment your site with dynamic search
- and feed data from non-JavaScript environments.
- </p>
-
- <p>
- Participants should be familiar with general web application
- development.
- </p>
-
- <p>Select Element:
- <select>
- <option>Option 1</option>
- <option>Option 2</option>
- <option>Option 3</option>
- </select>
- </p>
-
- <p>
- <object width="425" height="344">
- <param name="movie"
- value="http://www.youtube.com/v/7fbz8WOec1g&hl=en&fs=1&"></param>
- <param name="allowFullScreen" value="true"></param>
- <param name="allowscriptaccess" value="always"></param>
- <embed
- src="http://www.youtube.com/v/7fbz8WOec1g&hl=en&fs=1&"
- type="application/x-shockwave-flash" allowscriptaccess="always"
- allowfullscreen="true" width="425" height="344"></embed>
- </object>
- </p>
- </fieldset>
- <script>
- goog.events.listen(document, goog.events.EventType.KEYDOWN, function(e) {
- var code = e.keyCode;
- if (goog.dom.getElement('openOnKeyDown').checked) {
- switch (code) {
- case goog.events.KeyCodes.MAC_ENTER:
- case goog.events.KeyCodes.ENTER:
- showDialog(dialog1);
- break;
- case goog.events.KeyCodes.SPACE:
- showDialog(dialog2);
- break;
- default:
- // no-op
- }
- }
- if (goog.dom.getElement('swapModalOnShift').checked) {
- switch (code) {
- case goog.events.KeyCodes.SHIFT:
- if (currDialog && currDialog.isVisible()) {
- currDialog.setModal(!currDialog.getModal());
- }
- break;
- default:
- // no-op
- }
- }
- });
-
- var dialog1 = new goog.ui.Dialog();
- dialog1.setContent('<img src="http://images.icanhascheezburger.com/' +
- 'completestore/2009/3/25/128825075025577352.jpg" ' +
- 'width="400" height="255"><br>' +
- 'Lorem ipsum dolor sit amet, consectetuer' +
- 'adipiscing elit. Aenean sollicitudin ultrices urna. Proin vehicula ' +
- 'mauris ac est. Ut scelerisque, risus ut facilisis dictum, est massa ' +
- 'lacinia lorem, in fermentum purus ligula quis nunc. Duis porttitor ' +
- 'euismod risus. Nam hendrerit lacus vehicula augue. Duis ante.');
- dialog1.setTitle('My favorite LOLCat');
-
- dialog1.setButtonSet(goog.ui.Dialog.ButtonSet.CONTINUE_SAVE_CANCEL);
-
- goog.events.listen(dialog1, goog.ui.Dialog.EventType.SELECT, function(e) {
- alert('You chose: ' + e.key);
- });
-
-
- var dialog2 = new goog.ui.Dialog(null, true);
- dialog2.setContent('Some windowed elements leak through standard divs so ' +
- 'we add an iframe to mask the nasties.');
- dialog2.setTitle('I have an Iframe mask :)');
-
- dialog2.setButtonSet(goog.ui.Dialog.ButtonSet.YES_NO_CANCEL);
-
- goog.events.listen(dialog2, goog.ui.Dialog.EventType.SELECT, function(e) {
- alert('You chose: ' + e.key);
- });
-
- goog.events.listen(window, 'unload', function() {
- goog.events.removeAll();
- });
-
- var currDialog;
-
- function showDialog(dialog) {
- currDialog = dialog;
- dialog.setVisible(true);
- }
-
- </script>
-</body>
-</html>