From: Richard :o <ma...@ri...> - 2000-12-20 22:33:35
|
<html>=0A= <head>=0A= <title>DynAPI Examples - ScrollPane</title>=0A= <script language=3D"JavaScript" src=3D"../src/dynapi.js"></script>=0A= <script language=3D"Javascript">=0A= =0A= DynAPI.setLibraryPath('../src/lib/');=0A= DynAPI.include('dynapi.api.*');=0A= DynAPI.include('dynapi.util.thread.js');=0A= DynAPI.include('dynapi.util.pathanim.js');=0A= DynAPI.include('dynapi.gui.buttonimage.js');=0A= DynAPI.include('dynapi.gui.scrollbar.js');=0A= DynAPI.include('dynapi.gui.viewport.js');=0A= DynAPI.include('dynapi.gui.scrollpane.js');=0A= DynAPI.include('dynapi.gui.dynimage.js');=0A= =0A= DynAPI.include('dynapi.gui.label.js');=0A= =0A= DynAPI.onLoad =3D function() {=0A= =0A= // this should be replaced with a default image location based on = DynAPI.librarypath=0A= MetalScrollPaneURL =3D DynAPI.librarypath+"/dynapi/images/scrollpane/"=0A= =0A= label1 =3D new Label('<table border=3D1><tr><td width=3D160 = height=3D160>label 1 alk jskj slkj k dkjkj dk skslkdjf lskd = f</td></tr></table>')=0A= label1.setWrap(false)=0A= label1.setPadding(5)=0A= label1.setBgColor('cyan')=0A= label1.setSize(160,160)=0A= =0A= label2 =3D new Label('<table border=3D1><tr><td width=3D200>label 2 = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf = lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf = lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf = lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk</td></tr></table>')=0A= label2.setWidth(200)=0A= label2.setWrap(false)=0A= label2.setPadding(5)=0A= label2.setBgColor('yellow')=0A= label2.pack()=0A= =0A= label3 =3D new Label('label 3 aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf = ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf = jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk = asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf = dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd = kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf = ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf = jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk = asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf = dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd = kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds ')=0A= label3.setWrap(true)=0A= label3.setPadding(5)=0A= label3.setWidth(100)=0A= label3.packHeight()=0A= label3.setBgColor('magenta')=0A= =0A= label4 =3D new Label('<table border=3D1><tr><td width=3D600>label 4 = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf = lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk = aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd = kfdjf dk dk fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk = fjd kfjds lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds = lkdjf ksdjf lskdf jsdlk aslk asdkfjd kfdjf dk dk fjd kfjds lkdjf ksdjf = lskdf jsdlk aslk</td></tr></table>')=0A= label4.setPadding(5)=0A= label4.setBgColor('00eeb0')=0A= label4.pack()=0A= =0A= scrollobj =3D new ScrollPane(label1) // label1 will be set as the = content=0A= scrollobj.setSize(150,150)=0A= scrollobj.moveTo(250,50)=0A= scrollobj.setBgColor('#c0c0c0')=0A= =0A= DynAPI.document.addChild(scrollobj)=0A= }=0A= =0A= //-->=0A= </script>=0A= </head>=0A= <body bgcolor=3D"#ffffff">=0A= =0A= <br>set scroll size: <a = href=3D"javascript:scrollobj.setSize(150,150)">150</a>, <a = href=3D"javascript:scrollobj.setSize(250,250)">250</a>, <a = href=3D"javascript:scrollobj.setSize(350,350)">350</a>=0A= <br>set label1 size: <a = href=3D"javascript:label1.setSize(100,100)">100</a>, <a = href=3D"javascript:label1.setSize(140,140)">140</a>, <a = href=3D"javascript:label1.setSize(200,200)">200</a>=0A= =0A= <p><a href=3D"javascript:scrollobj.setContent(label1)">Add Label #1 to = ScrollPane</a>=0A= <br><a href=3D"javascript:scrollobj.setContent(label2)">Add Label #2 to = ScrollPane</a>=0A= <br><a href=3D"javascript:scrollobj.setContent(label3)">Add Label #3 to = ScrollPane</a>=0A= <br><a href=3D"javascript:scrollobj.setContent(label4)">Add Label #4 to = ScrollPane</a>=0A= =0A= </body>=0A= </html>=0A= |