Sha256: 77b860dfee36848d6cb053930e1c62ed2a32a59a27a05f0bfd5d8983f2428a7a
Contents?: true
Size: 1.17 KB
Versions: 7
Compression:
Stored size: 1.17 KB
Contents
<!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.ColorPicker</title>
<script src="../base.js"></script>
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="../css/colorpicker-simplegrid.css">
<script>
goog.require('goog.ui.ColorPicker');
goog.require('goog.dom');
</script>
</head>
<body>
<h1>goog.ui.ColorPicker</h1>
<p>Simple Color Grid</p>
<div id="colorpicker02"></div>
<p id="picker02message"></p>
<script>
var picker02 = new goog.ui.ColorPicker.createSimpleColorGrid();
picker02.render(goog.dom.getElement('colorpicker02'));
goog.events.listen(picker02, goog.ui.ColorPicker.EventType.CHANGE,
function(event) {
var color = event.target.getSelectedColor() || '#000000';
var el = goog.dom.getElement('picker02message');
el.innerHTML = 'You selected: ' + color;
el.style.color = color;
});
goog.events.listen(window, 'unload', function() {
goog.events.removeAll();
});
</script>
</body>
</html>
Version data entries
7 entries across 7 versions & 2 rubygems