JavaScript DHTML/SmartClient/Background

Материал из Web эксперт
Перейти к: навигация, поиск

Change background image

   <source lang="html4strict">



<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver">

<SCRIPT> isc.VStack.create({

   ID:"myBox", width:"100%", height:"100%", showEdges:true, layoutMargin:20, membersMargin:10,
   appImgDir:"backgrounds/",
   backgroundImage:"leather.jpg",
   members:[
       isc.IButton.create({title:"Brick", click:"myBox.setBackgroundImage("brick.jpg")"}),
       isc.IButton.create({title:"Stone", click:"myBox.setBackgroundImage("stone.jpg")"}),
       isc.IButton.create({title:"Metal", click:"myBox.setBackgroundImage("metal.jpg")"}),
       isc.IButton.create({title:"Leather", click:"myBox.setBackgroundImage("leather.jpg")"}),
       isc.IButton.create({title:"Beads", click:"myBox.setBackgroundImage("beads.jpg")"}),
       isc.IButton.create({title:"Emboss", click:"myBox.setBackgroundImage("emboss.jpg")"}),
       isc.IButton.create({title:"Brocade", click:"myBox.setBackgroundImage("brocade.jpg")"}),
       isc.IButton.create({title:"Leaves", click:"myBox.setBackgroundImage("leaves.jpg")"})
   ]

})

</SCRIPT>

</BODY> </HTML>

 </source>
   
  


Set backgroundColor

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Label.create({

   ID:"myLabel",
   left:50,
   top:75,
   height:50,
   contents:"This label is centered",
   align:"center",
   border:"groove blue 4px",
   backgroundColor:"lightgrey"

}); </SCRIPT> </BODY> </HTML>

 </source>