examples/dd/dragdropzones.html

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