open according to user scheduler

Scheduler Javascript
#1

I explain my concern.
I have this code:

  <script src="codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="codebase/dhtmlxscheduler.css" type="text/css" charset="utf-8">
  <script src="codebase/dhtmlx.js"></script>
  <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
  
  
  
  
  <style>
      html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0px;
	background-color: #EBEBEB;
      }
 </style>

 <script>
 var myLayout, myTree, myGrid, myFolders, myMenu, myToolbar, myScheduler;
 var gl_view_type = "dlist";
 var gl_view_bg = "";
 function doOnLoad(){
      myLayout = new dhtmlXLayoutObject(document.body, "2U");		
	  
	  myLayout.cells("a").setWidth(250);
	  myLayout.cells("a").setHeight(250);
            myLayout.cells("a").hideHeader();
            myLayout.cells("b").hideHeader();

	  //myLayout.cells("a").setText("Digicontacts");
            myAccord = myLayout.cells("a").attachAccordion();
           // myAccord.enableMultiMode();
            myAccord.addItem("a1", "Calendrier");
            myAccord.addItem("a2", "Mes messages");
            myAccord.addItem("a3", "Mes fichiers");
	  myTree.attachEvent("onClick",showDList());

            
	  

}

   function showDList(dir){
     myTree = myAccord.cells("a1").attachTree();
     myTree.setImagePath("codebase/imgs/");
     myTree.loadXML('dhtmlxTree/samples/04_dataprocessor/php/get.php'); 
     myTree.init();
     gl_view_bg = "tree";
   }	

</div>
</body>

I would like to provide a display scheduler according to the user selected myTree

#2

You can render scheduler anywhere on the page and just reload its content after selecting item in the tree.

tree.attachEvent(""onClick", function(id){ scheduler.clearAll(); scheduler.load("data.php?for="+id); });