aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/zippy.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/zippy.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/zippy.html149
1 files changed, 0 insertions, 149 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/zippy.html b/contexts/data/lib/closure-library/closure/goog/demos/zippy.html
deleted file mode 100644
index fc8bf5f..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/zippy.html
+++ /dev/null
@@ -1,149 +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.Zippy</title>
- <meta charset="utf-8">
- <script src="../base.js"></script>
- <script>
- goog.require('goog.debug.DivConsole');
- goog.require('goog.debug.LogManager');
- goog.require('goog.debug.Logger');
- goog.require('goog.events');
- goog.require('goog.ui.AnimatedZippy');
- goog.require('goog.ui.Zippy');
- goog.require('goog.ui.ZippyEvent');
- </script>
- <link rel="stylesheet" href="css/demo.css">
- <style>
- h2 {
- background: #C0C0FF;
- margin-top: 10px;
- margin-bottom: 0px;
- cursor: pointer;
- padding: 1px 3px;
- }
- div {
- margin: 0px;
- padding: 0px;
- }
- p {
- background: #DEDEFF;
- border: solid #C0C0FF;
- border-width: 0px 3px 3px 3px;
- margin-top: 0px;
- padding: 3px;
- text-align: justify;
- overflow: hidden;
- }
- img {
- width: 19px;
- height: 16px;
- }
- .goog-zippy-expanded img {
- background-image: url('../images/minus.png');
- }
- .goog-zippy-collapsed img {
- background-image: url('../images/plus.png');
- }
- </style>
-</head>
-<body>
- <h1>goog.ui.Zippy</h1>
-
- <h2 id="header1">Zippy 1</h2>
- <p id="content1">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et nisi id
- lorem tempor semper. Suspendisse ante. Integer ligula urna, venenatis quis,
- placerat vitae, commodo quis, sapien. Quisque nec lectus. Sed non dolor. Sed
- congue, nisi in pharetra consequat, odio diam pulvinar arcu, in laoreet elit
- risus id ipsum. Class aptent taciti sociosqu ad litora torquent per conubia
- nostra, per inceptos hymenaeos. Praesent tellus enim, imperdiet a, sagittis
- id, pulvinar vel, tortor. Integer nulla. Sed nulla augue, lacinia id,
- vulputate eu, rhoncus non, ante. Integer lobortis eros vitae quam. Phasellus
- sagittis, ipsum sollicitudin bibendum laoreet, arcu erat luctus lacus, vel
- pharetra felis metus tincidunt diam. Cras ac augue in enim ultricies aliquam.
- </p>
-
- <div style="width: 400px; float: left;">
- <h2 id="header2"><img src="../images/blank.gif" />Zippy 2</h2>
- <p id="content2">
- Nunc et eros. Aliquam felis lectus, sagittis ac, sagittis eu, accumsan
- vitae, leo. Maecenas suscipit, arcu eget elementum tincidunt, erat ligula
- porttitor dui, quis ornare nisi turpis at ipsum. Vivamus magna tortor,
- porttitor eu, cursus ut, vulputate in, nulla. Quisque nonummy feugiat
- turpis. Cras lobortis lobortis elit. Aliquam congue, pede suscipit
- condimentum convallis, diam purus dictum lacus, eu scelerisque mi est
- molestie libero. Duis luctus dapibus nibh. Sed condimentum iaculis metus.
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames
- ac turpis egestas. In pharetra dolor porta eros facilisis pellentesque.
- Proin quam mi, sodales vel, tincidunt sit amet, convallis vel, eros.
- Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
- cubilia Curae; Phasellus velit augue, rutrum sit amet, posuere nec, euismod
- ac, elit. Etiam nisi.
- </p>
- </div>
-
- <div style="width: 400px; float: left; margin-left: 5px; ">
- <h2 id="header3"><img src="../images/blank.gif" />Zippy 3</h2>
- <p id="content3">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas commodo
- convallis nisi. Cras rhoncus elit non dolor. Vivamus gravida ultricies arcu.
- Praesent ipsum erat, vehicula et, ultrices at, dignissim at, ipsum. Aenean
- venenatis. Fusce blandit laoreet urna. Aliquam et pede condimentum lorem
- posuere molestie. Pellentesque habitant morbi tristique senectus et netus et
- malesuada fames ac turpis egestas. Fusce euismod, justo in feugiat feugiat,
- urna metus sagittis felis, in varius neque mauris vitae dui. Nunc vel sapien
- in diam laoreet euismod. Mauris quis felis ut ipsum auctor feugiat. Nulla
- facilisi. Proin vitae urna. Quisque dignissim commodo nisl. Curabitur
- bibendum.
- </p>
- </div>
-
- <div style="clear: both;">
- Zippy 2 sets the expanded state of zippy 3 to the inverted expanded state of
- itself. Hence expanding zippy 2 collapses zippy 3 and vice verse.
- </div>
- <div>
- Zippy 2 and 3 are animated, zippy 1 is not.
- </div>
-
- <hr>
- <div id="log"></div>
- <script>
- // Set up a logger.
- goog.debug.LogManager.getRoot().setLevel(goog.debug.Logger.Level.ALL);
- var logger = goog.debug.Logger.getLogger('zippy');
- var logconsole = new goog.debug.DivConsole(goog.dom.getElement('log'));
- logconsole.setCapturing(true);
-
- var EVENTS = goog.object.getValues(goog.ui.Zippy.Events);
- logger.fine('Listening for: ' + EVENTS.join(', ') + '.');
-
- function logEvent(e) {
- var caption = e.target.elHeader_.id;
- logger.info('"' + caption + '" dispatched: ' + e.type);
- }
-
- var z1 = new goog.ui.Zippy('header1', 'content1');
- goog.events.listen(z1, EVENTS, logEvent);
- var z2 = new goog.ui.AnimatedZippy('header2', 'content2', true);
- goog.events.listen(z2, EVENTS, logEvent);
- var z3 = new goog.ui.AnimatedZippy('header3', 'content3', false);
- goog.events.listen(z3, EVENTS, logEvent);
-
- z1.expand();
-
- function zippyToggle(event) {
- z3.setExpanded(!event.expanded);
- }
-
- goog.events.listen(z2, goog.ui.Zippy.Events.TOGGLE, zippyToggle);
- </script>
-</body>
-</html>