diff options
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.html | 117 |
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> - |