[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   2  
   3  <html>
   4  <head>
   5      <title>DHTML Tree samples. dhtmlXTree - Drag and Drop</title>
   6  </head>
   7  <style>
   8      body {font-size:12px}
   9      .{font-family:arial;font-size:14px}
  10      h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
  11      xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
  12  </style>
  13  <body>
  14      <h1>Drag and Drop</h1>
  15      <link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
  16      <script  src="../js/dhtmlXCommon.js"></script>
  17      <script  src="../js/dhtmlXTree.js"></script>        
  18  
  19      <table>
  20          <tr>
  21              <td valign="top">
  22  
  23                  <div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div><br>
  24                  <br>
  25                  
  26              </td>
  27              <td rstyle="padding-left:25" valign="top">
  28              
  29                  <div id="treeboxbox_tree2" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div><br>
  30                  <br>
  31  
  32              </td>
  33          </tr>
  34  
  35      </table>
  36                  Drag&ampDrop works in each tree and between trees too.
  37      <hr>    
  38  <XMP>
  39  <div id="treeboxbox_tree" style="width:200;height:200"></div>
  40  <script>
  41              tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
  42              tree.setImagePath("../imgs/");
  43              
  44              //enable Drag&Drop
  45              tree.enableDragAndDrop(1);
  46              //set my Drag&Drop handler
  47              tree.setDragHandler(myDragHandler);
  48              tree.loadXML("tree.xml");
  49  
  50  			function myDragHandler(idFrom,idTo){
  51                  //if we return false then drag&drop be aborted
  52                  return true;
  53              }
  54  </script>
  55  </XMP>    
  56   
  57      <script>
  58              tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
  59              tree.setImagePath("../imgs/");
  60              tree.enableDragAndDrop(1);
  61              tree.loadXML("tree3.xml");
  62  
  63              tree2=new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0);
  64              tree2.setImagePath("../imgs/");
  65              tree2.enableDragAndDrop(1);
  66              tree2.loadXML("tree5.xml");
  67  
  68      </script>
  69  <br><br>
  70  
  71  </body>
  72  </html>