aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html117
1 files changed, 0 insertions, 117 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html b/contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html
deleted file mode 100644
index 8e9831b..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/scrollfloater.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2008 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>ScrollFloater</title>
-<script src="../base.js"></script>
-
-<script>
- goog.require('goog.dom');
- goog.require('goog.events');
- goog.require('goog.ui.ScrollFloater');
- goog.require('goog.ui.ToggleButton');
-</script>
-<link rel="stylesheet" href="../css/button.css">
-<style>
-
-table {
- border: 1px solid black;
- width: 100%;
- height: 1500px;
-}
-
-#left-cell {
- color: black;
- background-color: lightgray;
- width: 50%;
- vertical-align: top;
-}
-
-#right-cell {
- background-color: lightblue;
- width: 50%;
- vertical-align: top;
-}
-
-.spacer {
- border: 1px solid black;
- height: 200px;
-}
-
-.goog-scrollfloater {
- border: 1px solid black;
- height: 150px;
- width: 90%;
- color: yellow;
- background-color: blue;
-}
-
-</style>
-</head>
-<body>
- <form action="javascript:void(0)">
- <table style="border: 1px solid black">
- <tr>
- <td id="left-cell">
- <div class="spacer">
- This content does not float.
- </div>
- <div class="spacer">
- This content does not float.
- </div>
-
- <div id="floater1">
- </div>
- </td>
- <td id="right-cell">
- <div class="spacer">
- This content does not float.
- </div>
-
- <div id="floater2container">
- </div>
-
- </td>
- </tr>
- </table>
- <p>This is the bottom of the page.</p>
- </form>
-
- <script>
- var parentForm = document.getElementsByTagName('form')[0];
-
- var scrollfloater1 = new goog.ui.ScrollFloater();
- var button1 = new goog.ui.ToggleButton("Enable Floater 1");
- button1.render(goog.dom.getElement('floater1'));
- scrollfloater1.decorate(goog.dom.getElement('floater1'));
-
- var scrollfloater2 = new goog.ui.ScrollFloater();
- var button2 = new goog.ui.ToggleButton("Enable Floater 2");
- scrollfloater2.addChild(button2, true);
- scrollfloater2.render(goog.dom.getElement('floater2container'));
-
- function setupClickHandler(ctrl, floater) {
- goog.events.listen(ctrl, goog.ui.Component.EventType.ACTION,
- function() {
- floater.setScrollingEnabled(ctrl.isChecked());
- });
- }
-
-
- button1.setState(goog.ui.Component.State.CHECKED, true);
- button2.setState(goog.ui.Component.State.CHECKED, true);
- setupClickHandler(button1, scrollfloater1);
- setupClickHandler(button2, scrollfloater2);
-
- </script>
-
-</body>
-</html>
-