oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

- Replaced color picker form control with a more robust version.

Browse source
This commit is contained in:
JT Smith 2007-07-09 09:03:56 +00:00
parent 6fe068e42d
commit 6e0470771e
1193 changed files with 342 additions and 223 deletions
Download patch file Download diff file Expand all files Collapse all files

36
www/extras/colorpicker/example.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Yahoo! UI Library - Slider Widget</title>
<script type="text/javascript">
function getWebguiProperty (propName) {
var props = new Array();
props["extrasURL"] = "/extras/";
props["pageURL"] = "/home";
return props[propName];
}
</script>
<script type="text/javascript" src="/extras/yui/build/yahoo/yahoo-min.js" ></script>
<script type="text/javascript" src="/extras/yui/build/event/event-min.js" ></script>
<script type="text/javascript" src="/extras/yui/build/dom/dom-min.js" ></script>
<script type="text/javascript" src="/extras/yui/build/dragdrop/dragdrop-min.js" ></script>
<script type="text/javascript" src="/extras/yui/build/animation/animation-min.js" ></script>
<link type="text/css" rel="stylesheet" href="/extras/colorpicker/colorpicker.css" />
<script type="text/javascript" src="/extras/colorpicker/color.js" ></script>
<script type="text/javascript" src="/extras/colorpicker/key.js" ></script>
<script type="text/javascript" src="/extras/yui/build/slider/slider-min.js" ></script>
<script type="text/javascript" src="/extras/colorpicker/colorpicker.js"></script>
</head>
<body>
<form>
<a href="javascript:webguiColorPicker.display('color_formId');" id="color_formId_swatch"
style="width: 20px; height: 20px; background-color: #008000; border: 1px solid black; float: left;"></a>
<input onchange="document.getElementById('color_formId_swatch').style.backgroundColor=this.value;"
maxlength="7" name="color" type="text" size="8" value="#008000" id="color_formId" />
</form>
</body>
</html>