← Back to branch summary

~ubuntu-branches/ubuntu/edgy/sope/edgy

« back to all changes in this revision

Viewing changes to sope-appserver/samples/WOxExtTest/DnD.wox

  • Committer: Bazaar Package Importer
  • Author(s): Sebastian Ley
  • Date: 2005-08-19 16:53:31 UTC
  • Revision ID: james.westby@ubuntu.com-20050819165331-hs683wz1osm708pw
Tags: upstream-4.4rc.2
Import upstream version 4.4rc.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
sope-appserver/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>