http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FSmartClient%2FColorPickerJavaScript DHTML/SmartClient/ColorPicker - История изменений2026-04-04T15:37:38ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/ColorPicker&diff=3816&oldid=prev в 10:00, 26 мая 20102010-05-26T10:00:24Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:00, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/ColorPicker&diff=3817&oldid=prevAdmin: 1 версия2010-05-26T07:27:48Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Position ColorPicker==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT><br />
</HEAD><BODY BGCOLOR="silver"><br />
<SCRIPT><br />
isc.ColorPicker.getSharedColorPicker({<br />
colorSelected: "pickerLabel.setBackgroundColor(color); pickerLabel.setOpacity(opacity);"<br />
});<br />
isc.Label.create({<br />
ID: "pickerLabel",<br />
border: "1px grey solid",<br />
width: 300, height: 30<br />
});<br />
isc.IButton.create({<br />
ID: "pickerButton",<br />
title: "Pick a Color",<br />
click: "isc.ColorPicker.getSharedColorPicker().show();"<br />
});<br />
<br />
isc.DynamicForm.create({<br />
ID: "pickerForm",<br />
values: {startMode: "simple", position: "auto"},<br />
numCols: 2,<br />
titleOrientation: "top",<br />
width: 400,<br />
fields: [{<br />
name: "startMode", title: "Initially show ColorPicker as", type: "radioGroup", <br />
width: 200, valueMap: {"simple": "Simple", "complex": "Complex"},<br />
changed: "isc.ColorPicker.getSharedColorPicker().setProperty("defaultPickMode", this.getValue());"<br />
}, {<br />
name: "position", title: "Position ColorPicker", type: "radioGroup",<br />
width: 200, valueMap: {"auto": "Near mouse", "center": "Centered"},<br />
changed: function () {<br />
isc.ColorPicker.getSharedColorPicker().setProperties({ <br />
autoPosition: this.getValue() == "auto" ? true : false,<br />
autoCenterOnShow: this.getValue() == "auto" ? false : true<br />
});<br />
} <br />
} <br />
]<br />
});<br />
isc.VLayout.create({<br />
width: 400,<br />
membersMargin: 10,<br />
members: [<br />
isc.Label.create({contents: "Selected color:", height: 20}),<br />
pickerLabel,<br />
pickerForm,<br />
pickerButton<br />
]<br />
});<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Simple or Complex ColorPicker==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT><br />
</HEAD><BODY BGCOLOR="silver"><br />
<SCRIPT><br />
isc.ColorPicker.getSharedColorPicker({<br />
colorSelected: "pickerLabel.setBackgroundColor(color); pickerLabel.setOpacity(opacity);"<br />
});<br />
isc.Label.create({<br />
ID: "pickerLabel",<br />
border: "1px grey solid",<br />
width: 300, height: 30<br />
});<br />
isc.IButton.create({<br />
ID: "pickerButton",<br />
title: "Pick a Color",<br />
click: "isc.ColorPicker.getSharedColorPicker().show();"<br />
});<br />
<br />
isc.DynamicForm.create({<br />
ID: "pickerForm",<br />
values: {startMode: "simple", position: "auto"},<br />
numCols: 2,<br />
titleOrientation: "top",<br />
width: 400,<br />
fields: [{<br />
name: "startMode", title: "Initially show ColorPicker as", type: "radioGroup", <br />
width: 200, valueMap: {"simple": "Simple", "complex": "Complex"},<br />
changed: "isc.ColorPicker.getSharedColorPicker().setProperty("defaultPickMode", this.getValue());"<br />
}, {<br />
name: "position", title: "Position ColorPicker", type: "radioGroup",<br />
width: 200, valueMap: {"auto": "Near mouse", "center": "Centered"},<br />
changed: function () {<br />
isc.ColorPicker.getSharedColorPicker().setProperties({ <br />
autoPosition: this.getValue() == "auto" ? true : false,<br />
autoCenterOnShow: this.getValue() == "auto" ? false : true<br />
});<br />
} <br />
} <br />
]<br />
});<br />
isc.VLayout.create({<br />
width: 400,<br />
membersMargin: 10,<br />
members: [<br />
isc.Label.create({contents: "Selected color:", height: 20}),<br />
pickerLabel,<br />
pickerForm,<br />
pickerButton<br />
]<br />
});<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Use ColorPicker to change page background color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT><br />
</HEAD><BODY BGCOLOR="silver"><br />
<div id="gridDiv"><br />
<SCRIPT><br />
isc.VLayout.create({width:"100%", height:"100%", membersMargin:10, members:[<br />
isc.FormLayout.create({<br />
items:[<br />
{title:"Color picker", width:85, type:"color", change:"myBox.setBackgroundColor(value)"}<br />
]<br />
}),<br />
isc.Label.create({<br />
ID:"myBox",<br />
overflow:"hidden", showEdges:true,<br />
align:"center", styleName:"exampleTitle",<br />
contents:"Color box"<br />
})<br />
]})<br />
<br />
</SCRIPT><br />
</div><br />
</BODY><br />
</HTML><br />
<br />
</source></div>Admin