1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
\r
5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
8 <script src="LoadRicoClient.js" type="text/javascript"></script>
\r
10 <script type='text/javascript'>
\r
11 Rico.onLoad( function() {
\r
12 Rico.Corner.round('explanation');
\r
13 // first parameter to Rico.Draggable can be anything, second parameter is the element to be dragged
\r
14 Rico.registerDraggable( new Rico.Draggable('test-type','dragme') );
\r
15 Rico.registerDropZone( new Rico.Dropzone('droponme') );
\r
16 Rico.registerDropZone( new Rico.Dropzone('droponme2') );
\r
20 <link href="../demo.css" type="text/css" rel="stylesheet">
\r
21 <style type="text/css">
\r
23 font-family : Arial;
\r
25 background-color : #797979;
\r
31 font-family : Arial;
\r
35 text-align : center;
\r
36 border-bottom : 1px solid #6b6b6b;
\r
37 border-right : 1px solid #6b6b6b;
\r
44 border : 1px solid #5b5b5b;
\r
48 font-family : Arial;
\r
51 background-color : #cdd7b5;
\r
54 div.simpleDropPanel {
\r
58 border : 1px solid #5b5b5b;
\r
66 <h1>Rico Simple Drag & Drop Example</h1>
68 <p id='libname'>Base Library:
\r
69 <script type='text/javascript'>
\r
70 document.write(Rico.Lib+' '+Rico.LibVersion);
\r
74 <div style="padding:5px;border:1px solid #5b5b5b;height:50px;clear:both;">
\r
76 <div class="box" style="background:#f7a673" id="dragme">Drag Me</div>
\r
79 <p><table style="margin-bottom:8px" cellspacing="3" cellpadding="3">
\r
82 <div id="droponme" class="simpleDropPanel" style="background:#ffd773">
\r
83 <div class="title">Drop On Me</div>
\r
89 <div id="droponme2" class="simpleDropPanel" style="background:#c6c3de">
\r
90 <div class="title">Drop On Me 2</div>
\r
96 <div id="explanation" class="explanation">
\r
98 <div class="box" style="background:#f7a673" id="dragme">
\r
102 <div id="droponme" class="simpleDropPanel" style="background:#ffd773">
\r
103 <div class="title">Drop On Me</div>
\r
106 <div id="droponme2" class="simpleDropPanel" style="background:#c6c3de">
\r
107 <div class="title">Drop On Me 2</div>
\r
111 // first parameter to Rico.Draggable can be anything
\r
112 // second parameter is the element to be dragged
\r
113 Rico.registerDraggable( new Rico.Draggable('test-type','dragme') );
\r
114 Rico.registerDropZone( new Rico.Dropzone('droponme') );
\r
115 Rico.registerDropZone( new Rico.Dropzone('droponme2') );
\r
116 </script></pre>
\r