JavaScript DHTML/SmartClient/Context Menu

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

Add context menu to control

   <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.Menu.create({ 

   ID:"sizeMenu",
   autoDraw:false,
   data:[
       {title:"Small", checkIf:"widget.width == 50",
        click:"widget.animateResize(50,50)"},
       {title:"Medium", checkIf:"widget.width == 100",
        click:"widget.animateResize(100,100)"},
       {title:"Large", checkIf:"widget.width == 200",
        click:"widget.animateResize(200,200)"}
   ],
   width:150

});

isc.Menu.create({ 

   ID:"moveMenu",
   autoDraw:false,
   width:150,
   data:[
       {title:"Up", click:"widget.animateMove(widget.getOffsetLeft(),widget.getOffsetTop()-20)"},
       {title:"Right", click:"widget.animateMove(widget.getOffsetLeft()+20,widget.getOffsetTop())"},
       {title:"Down", click:"widget.animateMove(widget.getOffsetLeft(),widget.getOffsetTop()+20)"},
       {title:"Left", click:"widget.animateMove(widget.getOffsetLeft()-20,widget.getOffsetTop())"}
   ]

}); isc.Menu.create({ 

   ID:"mainMenu",
   width:150,
   data:[
       {title:"Visible", checkIf:"widget.isVisible()",
        click:"widget.isVisible() ? widget.animateHide("fade") : widget.animateShow("fade")"
       },
       {isSeparator:true},
       {title:"Size", submenu:sizeMenu, enableIf:"widget.isVisible()"},
       {title:"Move", submenu:moveMenu, enableIf:"widget.isVisible()"},
       {isSeparator:true},
       {title:"Reset",
           click:"widget.animateRect(200,75,100,100);widget.animateShow("fade")",
           icon:"other/yinyang.gif",
           iconWidth:20,
           iconHeight:20
       }
   ]

}); isc.MenuButton.create({ 

   ID:"mainMenuButton",
   title:"Widget",
   width:150,
   menu:mainMenu

});

isc.Img.create({ 

   ID:"widget",
   left:200,
   top:75,
   width:100,
   height:100,
   src:"other/yinyang.gif",
   contextMenu: mainMenu

}); </SCRIPT>

</BODY> </HTML> 

 </source>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/Context_Menu&oldid=3769»