err.no Git - sope/blob - sopex/Samples/WOxExtTest/DnD.wox

   1 <?xml version='1.0' standalone='yes'?>
   2 <var:component className="Frame" title="name"
   3            xmlns="http://www.w3.org/1999/xhtml"
   4            xmlns:var="http://www.skyrix.com/od/binding"
   5            xmlns:const="http://www.skyrix.com/od/constant">
   6
   7    Drag'n'Drop - only works on IE !<br/>
   8
   9    Used elements:
  10    <ul>
  11      <li>WEDragContainer</li>
  12      <li>WEDropContainer</li>
  13      <li>WEDragScript</li>
  14      <li>WEDropScript</li>
  15    </ul>
  16
  17    <var:script-drag/>
  18    <var:script-drop/>
  19
  20    <table border="0">
  21      <tr>
  22        <td valign="top">
  23          <table border="1">
  24            <tr>
  25              <td colspan="3">DropZone</td>
  26            </tr>
  27            <tr>
  28              <td>one</td>
  29              <td>two</td>
  30              <td>one/two</td>
  31            </tr>
  32
  33            <tr>
  34              <td>
  35                <var:js-drop const:elementName   = "td"
  36                             const:isAttached    = "YES"
  37                             tags                = "oneList"
  38                             droppedObject       = "droppedObject"
  39                             action              = "one"
  40                             const:swapColor     = "YES"
  41                             const:bgcolor       = "gray"
  42                             const:activeColor   = "blue"
  43                             const:inactiveColor = "green"
  44                             const:width         = "80"
  45                             const:height        = "80">
  46                  <var:if condition="droppedOnOne">
  47                    <var:string value="droppedObject"/></var:if>
  48                  <entity name="nbsp"/>
  49                </var:js-drop>
  50              </td>
  51
  52              <var:js-drop const:elementName   = "td"
  53                           const:isAttached    = "YES"
  54                           tags                = "twoList"
  55                           droppedObject       = "droppedObject"
  56                           action              = "two"
  57                           const:swapColor     = "YES"
  58                           const:bgcolor       = "gray"
  59                           const:width         = "80"
  60                           const:height        = "80">
  61                <var:if condition="droppedOnTwo">
  62                  <var:string value="droppedObject"/></var:if>
  63                <entity name="nbsp"/>
  64              </var:js-drop>
  65
  66              <var:js-drop const:elementName   = "td"
  67                           const:isAttached    = "YES"
  68                           tags                = "listOneTwo"
  69                           droppedObject       = "droppedObject"
  70                           action              = "two"
  71                           const:swapColor     = "YES"
  72                           const:bgcolor       = "gray"
  73                           const:width         = "80"
  74                           const:height        = "80">
  75                <var:if condition="droppedOnOneTwo">
  76                  <var:string value="droppedObject"/></var:if>
  77                <entity name="nbsp"/>
  78              </var:js-drop>
  79            </tr>
  80          </table>
  81        </td>
  82
  83        <td valign="top" align="left">
  84          Outside form:<br/><br/>
  85
  86          <var:js-drag const:tag="one" const:object="one-toBeDropped">
  87            <a href="#">DragMe</a></var:js-drag>
  88
  89          <hr/>
  90
  91          Inside form:
  92          <form var:action="self">
  93            <var:js-drag const:tag="one" const:object="one-toBeDropped">
  94              <a href="#">DragMe</a></var:js-drag>
  95          </form>
  96        </td>
  97      </tr>
  98    </table>
  99 </var:component>