http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FSmartClient%2FImgJavaScript DHTML/SmartClient/Img - История изменений2026-04-04T12:03:13ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/Img&diff=3822&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/Img&diff=3823&oldid=prevAdmin: 1 версия2010-05-26T07:27:49Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Control image opacity==<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.Img.create({<br />
ID:"eyesImg",<br />
width:360, height:188,<br />
src:"http://www.wbex.ru/style/logo.png",<br />
showEdges:true<br />
})<br />
isc.Slider.create({<br />
minValue:0, maxValue:100, showRange:false, showTitle:false, vertical:false,<br />
left:80, top:200, value:100,<br />
valueChanged: "eyesImg.setOpacity(value)"<br />
})<br />
</SCRIPT><br />
</div><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Control Img==<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 />
isc.Img.create({<br />
width:100, height:100, border:"1px solid gray",<br />
imageType: "normal",<br />
src: "other/star.gif"<br />
})<br />
isc.Img.create({<br />
left:120, width:100, height:100, border:"1px solid gray",<br />
imageType: "center",<br />
src: "other/star.gif"<br />
})<br />
isc.Img.create({<br />
left:240, width:100, height:100, border:"1px solid gray",<br />
imageType: "stretch",<br />
src: "other/star.gif"<br />
})<br />
<br />
isc.Img.create({<br />
top:120, width:100, height:100, border:"1px solid gray",<br />
imageType: "stretch",<br />
src: "other/cpu.jpg"<br />
})<br />
isc.Img.create({<br />
left:120, top:120, width:220, height:220, <br />
imageHeight:536, imageWidth:446, imageType: "normal",<br />
src: "other/cpu.jpg",<br />
border:"1px solid gray",<br />
overflow: "auto"<br />
})<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Create Image object and add to Canvas==<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/skins/standard/load_skin.js></SCRIPT><br />
</HEAD><BODY BGCOLOR="silver"><br />
<SCRIPT><br />
isc.Canvas.create({<br />
ID: "cubeBin",<br />
top:40, <br />
width:400, <br />
height:300,<br />
showEdges: true<br />
})<br />
<br />
isc.IButton.create({<br />
title:"Create", icon:"http://www.wbex.ru/style/logo.png",<br />
mouseUp: function () {<br />
isc.Img.create({<br />
left: isc.Math.random(340),<br />
top: isc.Math.random(240),<br />
width:48, height:48,<br />
parentElement: cubeBin,<br />
src: "http://www.wbex.ru/style/logo.png",<br />
click: "this.destroy()"<br />
})<br />
}<br />
})<br />
<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Image click event and destroy itself==<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/skins/standard/load_skin.js></SCRIPT><br />
</HEAD><BODY BGCOLOR="silver"><br />
<SCRIPT><br />
isc.Canvas.create({<br />
ID: "cubeBin",<br />
top:40, <br />
width:400, <br />
height:300,<br />
showEdges: true<br />
})<br />
<br />
isc.IButton.create({<br />
title:"Create", icon:"http://www.wbex.ru/style/logo.png",<br />
mouseUp: function () {<br />
isc.Img.create({<br />
left: isc.Math.random(340),<br />
top: isc.Math.random(240),<br />
width:48, height:48,<br />
parentElement: cubeBin,<br />
src: "http://www.wbex.ru/style/logo.png",<br />
click: "this.destroy()"<br />
})<br />
}<br />
})<br />
<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Image rollover action==<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/skins/SmartClient/load_skin.js></SCRIPT><br />
</HEAD><BODY><br />
<SCRIPT><br />
Img.create({<br />
left:75,<br />
top:100,<br />
width:200,<br />
height:200,<br />
src:"http://www.wbex.ru/style/logo.png",<br />
mouseOver:"this.setState("inverted")",<br />
mouseOut:"this.setState("")"<br />
});<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Load image to Img control==<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.Img.create({<br />
ID: "myImage",<br />
left:120, top:20, width:48, height:48,<br />
appImgDir: "pieces/48/",<br />
src: "star_grey.png"<br />
})<br />
isc.IButton.create({<br />
left:10, top:100, width:80,<br />
title: "Show",<br />
iconOrientation: "right",<br />
icon: "pieces/16/star_blue.png",<br />
click: "myImage.setSrc("star_blue.png")"<br />
})<br />
isc.IButton.create({<br />
left:100, top:100, width:80,<br />
title: "Show",<br />
iconOrientation: "right",<br />
icon: "pieces/16/star_yellow.png",<br />
click: "myImage.setSrc("star_yellow.png")"<br />
})<br />
isc.IButton.create({<br />
left:190, top:100, width:80,<br />
title: "Show",<br />
iconOrientation: "right",<br />
icon: "pieces/16/star_green.png",<br />
click: "myImage.setSrc("star_green.png")"<br />
})<br />
<br />
<br />
</SCRIPT><br />
<br />
</BODY><br />
</HTML><br />
<br />
</source></div>Admin