Ajax Layer JavaScript DHTML

http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999


DynAPI Examples - Template Manager


dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('TemplateManager');
dynapi.library.include('HTMLCalendar');
dynapi.library.include('HTMLRollover');
dynapi.library.include('HTMLClock');
dynapi.library.include('HTMLMenu');


// HTML code/templates
var template1='\n  \n    \n    \n    \n  \n  \n      \n      \n      \n      \n        \n        \n          \n          \n          \n          \n          \n          \n          {@hmenu}\n          \n          \n          \n          \n          \n            \n            \n            \n              \n              {@hbtn1}\n              \n              \n              {@hbtn2}\n              \n              \n              
\n                {@hclk}\n              \n            \n            \n            {@hcal}\n            \n          \n          \n          \n          \n          {@lyr1}\n          \n          \n          \n        DynAPI |  {@hlink}\n          \n                  \n        \n      \n      \n    \n      \n  \n  \n      \n      \n      \n    \n';
var tp = new Template(template1,150,40,400,360);
var imgPath = "./dynapiexamples/images/";;
var btn_home = imgPath+"btn_home_";
var btn_contact = imgPath+"btn_contact_";
var btnE = {
  onclick:function(e){
    alert("Hello from  "+e.getSource()._tmplFld)
  }
};
// HTMLMenu
var mbar;
tp.addChild(new HTMLMenu(),'hmenu');
// Main Menu
mbar= tp.hmenu.createMenuBar('main',40,20);
mbar.addItem(null,'File','file');
mbar.addItem(null,'Edit','edit');
mbar.addItem(null,'View','view');
mbar.addItem(null,'Tools','tools');
mbar.addItem(null,'Help','help');
  //File menu
  mbar = tp.hmenu.createMenuBar('file',130);
  mbar.addItem(null,'New');
  mbar.addItem(null,'Open',null,'alert("Open files")',null,null,'navy','red');
  mbar.addItem(null,'Save');
  mbar.addItem(null,'Save As ...');
  mbar.addItem(null,'Recent Files','recent');
  mbar.addItem(null,'Exit');
    //Recent menu
    mbar = tp.hmenu.createMenuBar('recent',120);
    mbar.addItem(null,'Dynapi.js');
    mbar.addItem(null,'Quickref.html');
    mbar.addItem(null,'Changelog.html');
    mbar.addItem(null,'Index.html');
  //edit menu
  mbar = tp.hmenu.createMenuBar('edit',120);
  mbar.addItem(null,'Undo');
  mbar.addItem(null,'Cut');
  mbar.addItem(null,'Copy');
  mbar.addItem(null,'Paste');
  //view menu
  mbar = tp.hmenu.createMenuBar('view',130);
  mbar.addItem(null,'Go');
  mbar.addItem(null,'Stop');
  mbar.addItem(null,'Toolbars','tbar');
  mbar.addItem(null,'Status Bar');
    // tbar
    mbar = tp.hmenu.createMenuBar('tbar',120);
    mbar.addItem(null,'Header');
    mbar.addItem(null,'Footer');
    mbar.addItem(null,'Standard');
    mbar.addItem(null,'Drawing');
  //tools menu
  mbar = tp.hmenu.createMenuBar('tools',120);
  mbar.addItem(null,'Options');
  mbar.addItem(null,'Macro');
  mbar.addItem(null,'Convert...');
  mbar.addItem(null,'Run...');
//HTMLRollovers
tp.addChild(new HTMLRollover(null,85,29,btn_home+'off.gif',btn_home+'on.gif'),'hbtn1');
tp.addChild(new HTMLRollover(null,85,29,btn_contact+'off.gif',btn_contact+'on.gif'),'hbtn2');
tp.hbtn1.addEventListener(btnE);
tp.hbtn2.addEventListener(btnE);
//HTMLHyperLink
tp.addChild(new HTMLHyperLink(null,'Click Here','http://dynapi.sf.net'),'hlink');
tp.hlink.startFlash('blue','black')
tp.hlink.addEventListener({
  onclick:function(e){
    var o=e.getSource();
    alert("A link to DynAPI's website")
    // o.allowEvent(); // By default HyperLink events are canceled (return false)
  }
});
//HTMLClock
tp.addChild(new HTMLClock(),'hclk');
// HTML Calender
hc = tp.addChild(new HTMLCalendar(),'hcal');
// modify colors
hc.borCol = '#000000';
hc.titleBgCol ='maroon';
hc.titleFgCol ='white';
hc.wkDayBgCol ='beige';
hc.selBorCol = '#CCCCCC';
hc.selBgCol = '#DEDEFF';
hc.selTDayBgCol = 'beige';
hc.addEventListener({
  onchange:function(e){
    var o=e.getSource();
    var l=o.parent.lyr1;
    if(l) {
      var dt = o.getDate();
      dt=(!dt)? '':(dt.getMonth()+1)+'/'+dt.getDate()+'/'+dt.getFullYear();
      o.parent.lyr1.setHTML('Date is '+dt+'');
    }
  }
});
//DynLayer
tp.addChild(new DynLayer(null,0,0,200,20),'lyr1');
dynapi.document.addChild(tp);





           
       
dynapi.zip( 791 k)