http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FSmartClient%2FScrollBarJavaScript DHTML/SmartClient/ScrollBar - История изменений2026-04-04T15:25:15ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/ScrollBar&diff=3748&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/ScrollBar&diff=3749&oldid=prevAdmin: 1 версия2010-05-26T07:27:39Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Set Scrollbar to scroll to==<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 />
<br />
// this skin uses the thumb down state<br />
Scrollbar.setProperties({<br />
allowThumbDownState:true<br />
});<br />
Canvas.create({<br />
ID:"scrolledWidget",<br />
left:150,<br />
top:225,<br />
width:100,<br />
height:100,<br />
contents:Canvas.imgHTML("http://www.wbex.ru/style/logo.png", 200, 200),<br />
overflow:"hidden"<br />
});<br />
<br />
var scrollbarWidth = 32;<br />
<br />
Scrollbar.create({<br />
ID:"hscrollbar",<br />
left:16,<br />
top:41,<br />
width:400,<br />
vertical:false,<br />
btnSize:scrollbarWidth,<br />
showCorner:true,<br />
imageType:"stretch",<br />
scrollTarget:scrolledWidget,<br />
autoEnable:false<br />
});<br />
<br />
Scrollbar.create({<br />
ID:"vscrollbar",<br />
left:hscrollbar.left + hscrollbar.width - scrollbarWidth,<br />
top:hscrollbar.top + scrollbarWidth - 2,<br />
height:400,<br />
btnSize:scrollbarWidth,<br />
imageType:"stretch",<br />
scrollTarget:scrolledWidget,<br />
autoEnable:false<br />
});<br />
<br />
Button.create({<br />
left:60,<br />
top:395,<br />
width:130,<br />
click:"hscrollbar.enable();vscrollbar.enable()",<br />
title:"Enable scrollbars"<br />
});<br />
<br />
Button.create({<br />
left:200,<br />
top:395,<br />
width:130,<br />
click:"hscrollbar.disable();vscrollbar.disable()",<br />
title:"Disable scrollbars"<br />
});<br />
Button.create({<br />
left:60,<br />
top:435,<br />
width:130,<br />
click:"scrolledWidget.scrollTo(50)",<br />
title:"Scroll horizontal to 50"<br />
});<br />
Button.create({<br />
left:200,<br />
top:435,<br />
width:130,<br />
click:"scrolledWidget.scrollTo(null,50)",<br />
title:"Scroll vertical to 50"<br />
});<br />
<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Use scroll bar to control the 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/SmartClient/load_skin.js></SCRIPT><br />
</HEAD><BODY><br />
<SCRIPT><br />
<br />
// this skin uses the thumb down state<br />
Scrollbar.setProperties({<br />
allowThumbDownState:true<br />
});<br />
Canvas.create({<br />
ID:"scrolledWidget",<br />
left:150,<br />
top:225,<br />
width:100,<br />
height:100,<br />
contents:Canvas.imgHTML("http://www.wbex.ru/style/logo.png", 200, 200),<br />
overflow:"hidden"<br />
});<br />
<br />
var scrollbarWidth = 32;<br />
<br />
Scrollbar.create({<br />
ID:"hscrollbar",<br />
left:16,<br />
top:41,<br />
width:400,<br />
vertical:false,<br />
btnSize:scrollbarWidth,<br />
showCorner:true,<br />
imageType:"stretch",<br />
scrollTarget:scrolledWidget,<br />
autoEnable:false<br />
});<br />
<br />
Scrollbar.create({<br />
ID:"vscrollbar",<br />
left:hscrollbar.left + hscrollbar.width - scrollbarWidth,<br />
top:hscrollbar.top + scrollbarWidth - 2,<br />
height:400,<br />
btnSize:scrollbarWidth,<br />
imageType:"stretch",<br />
scrollTarget:scrolledWidget,<br />
autoEnable:false<br />
});<br />
<br />
Button.create({<br />
left:60,<br />
top:395,<br />
width:130,<br />
click:"hscrollbar.enable();vscrollbar.enable()",<br />
title:"Enable scrollbars"<br />
});<br />
<br />
Button.create({<br />
left:200,<br />
top:395,<br />
width:130,<br />
click:"hscrollbar.disable();vscrollbar.disable()",<br />
title:"Disable scrollbars"<br />
});<br />
Button.create({<br />
left:60,<br />
top:435,<br />
width:130,<br />
click:"scrolledWidget.scrollTo(50)",<br />
title:"Scroll horizontal to 50"<br />
});<br />
Button.create({<br />
left:200,<br />
top:435,<br />
width:130,<br />
click:"scrolledWidget.scrollTo(null,50)",<br />
title:"Scroll vertical to 50"<br />
});<br />
<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source></div>Admin