examples/dd/dragdropzones.html

   1 <html>
   2 <head>
   3 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   4 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
   5 <script type="text/javascript" src="../../ext-all-debug.js"></script>
   6 <script type="text/javascript" src="../code-display.js"></script>
   7 <script type="text/javascript" src="dragdropzones.js"></script>
   8 <style type="text/css">
   9 .app-header .x-panel-body {
  10     background-color: #ddd;
  11     padding-left: 5px;
  12 }
  13
  14 .app-header h1 {
  15     font-family: verdana,arial,sans-serif;
  16     font-size: 20px;
  17     color: #15428B;
  18 }
  19
  20 .hospital-target {
  21     border: 1px solid red;
  22     width: 400ps;
  23     height: 16px;
  24     margin: 5px;
  25     padding: 5px;
  26 }
  27
  28 .hospital-target.hospital-target-hover {
  29     background-color: #C0C0C0;
  30 }
  31
  32 .patient-source {
  33     cursor: pointer;
  34 }
  35
  36 .patient-view td {
  37     font-family: verdana,arial,sans-serif;
  38     font-size: 12px;
  39 }
  40
  41 td.patient-label {
  42     background-color: #ddd;
  43     border: 1px solid #bbb;
  44     font-weight: bold;
  45     text-align: right;
  46     width: 100px;
  47     padding: 0px 3px 0px 0px;
  48 }
  49
  50 .patient-over {
  51     background-color:#EFEFEF;
  52     cursor: pointer;
  53 }
  54 .patient-selected {
  55     background-color: #DFE8F6;
  56     cursor: pointer;
  57 }
  58 </style>
  59 <title>Ext Drag/Drop</title>
  60 </head>
  61 <body>
  62 </body>
  63 </html>