Ruby on Rails | Screencasts | Download | Documentation | Weblog | Community | Source

Ticket #6776: test.htm

File test.htm, 10.3 kB (added by dalyons, 2 years ago)

Simplified test case

Line 
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html>
4 <head>
5   <title>Wratrucks: test</title>
6 <script src="prototype.js" type="text/javascript"></script>
7 <script src="effects.js" type="text/javascript"></script>
8 <script src="dragdrop.js" type="text/javascript"></script>
9
10 </head>
11 <body>
12
13 <p style="color: green"></p>
14
15 <div style="height: 100px; width: 200px; overflow: auto; border: 1px solid;">
16
17
18     <div id="l0" style="position:static">
19       line 0
20      
21        <script type="text/javascript">
22 //<![CDATA[
23 Position.includeScrollOffsets = true;
24 Droppables.add("l0", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 0 updated'}})
25 //]]>
26       </script>
27     </div>
28
29     <div id="l1" style="position:static">
30       line 1
31      
32        <script type="text/javascript">
33 //<![CDATA[
34 Position.includeScrollOffsets = true;
35 Droppables.add("l1", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 1 updated'}})
36 //]]>
37       </script>
38     </div>
39
40     <div id="l2" style="position:static">
41       line 2
42      
43        <script type="text/javascript">
44 //<![CDATA[
45 Position.includeScrollOffsets = true;
46 Droppables.add("l2", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 2 updated'}})
47 //]]>
48       </script>
49     </div>
50
51     <div id="l3" style="position:static">
52       line 3
53      
54        <script type="text/javascript">
55 //<![CDATA[
56 Position.includeScrollOffsets = true;
57 Droppables.add("l3", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 3 updated'}})
58 //]]>
59       </script>
60     </div>
61
62     <div id="l4" style="position:static">
63       line 4
64      
65        <script type="text/javascript">
66 //<![CDATA[
67 Position.includeScrollOffsets = true;
68 Droppables.add("l4", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 4 updated'}})
69 //]]>
70       </script>
71     </div>
72
73     <div id="l5" style="position:static">
74       line 5
75      
76        <script type="text/javascript">
77 //<![CDATA[
78 Position.includeScrollOffsets = true;
79 Droppables.add("l5", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 5 updated'}})
80 //]]>
81       </script>
82     </div>
83
84     <div id="l6" style="position:static">
85       line 6
86      
87        <script type="text/javascript">
88 //<![CDATA[
89 Position.includeScrollOffsets = true;
90 Droppables.add("l6", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 6 updated'}})
91 //]]>
92       </script>
93     </div>
94
95     <div id="l7" style="position:static">
96       line 7
97      
98        <script type="text/javascript">
99 //<![CDATA[
100 Position.includeScrollOffsets = true;
101 Droppables.add("l7", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 7 updated'}})
102 //]]>
103       </script>
104     </div>
105
106     <div id="l8" style="position:static">
107       line 8
108      
109        <script type="text/javascript">
110 //<![CDATA[
111 Position.includeScrollOffsets = true;
112 Droppables.add("l8", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 8 updated'}})
113 //]]>
114       </script>
115     </div>
116
117     <div id="l9" style="position:static">
118       line 9
119      
120        <script type="text/javascript">
121 //<![CDATA[
122 Position.includeScrollOffsets = true;
123 Droppables.add("l9", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 9 updated'}})
124 //]]>
125       </script>
126     </div>
127
128     <div id="l10" style="position:static">
129       line 10
130      
131        <script type="text/javascript">
132 //<![CDATA[
133 Position.includeScrollOffsets = true;
134 Droppables.add("l10", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 10 updated'}})
135 //]]>
136       </script>
137     </div>
138
139     <div id="l11" style="position:static">
140       line 11
141      
142        <script type="text/javascript">
143 //<![CDATA[
144 Position.includeScrollOffsets = true;
145 Droppables.add("l11", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 11 updated'}})
146 //]]>
147       </script>
148     </div>
149
150     <div id="l12" style="position:static">
151       line 12
152      
153        <script type="text/javascript">
154 //<![CDATA[
155 Position.includeScrollOffsets = true;
156 Droppables.add("l12", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 12 updated'}})
157 //]]>
158       </script>
159     </div>
160
161     <div id="l13" style="position:static">
162       line 13
163      
164        <script type="text/javascript">
165 //<![CDATA[
166 Position.includeScrollOffsets = true;
167 Droppables.add("l13", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 13 updated'}})
168 //]]>
169       </script>
170     </div>
171
172     <div id="l14" style="position:static">
173       line 14
174      
175        <script type="text/javascript">
176 //<![CDATA[
177 Position.includeScrollOffsets = true;
178 Droppables.add("l14", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 14 updated'}})
179 //]]>
180       </script>
181     </div>
182
183     <div id="l15" style="position:static">
184       line 15
185      
186        <script type="text/javascript">
187 //<![CDATA[
188 Position.includeScrollOffsets = true;
189 Droppables.add("l15", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 15 updated'}})
190 //]]>
191       </script>
192     </div>
193
194     <div id="l16" style="position:static">
195       line 16
196      
197        <script type="text/javascript">
198 //<![CDATA[
199 Position.includeScrollOffsets = true;
200 Droppables.add("l16", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 16 updated'}})
201 //]]>
202       </script>
203     </div>
204
205     <div id="l17" style="position:static">
206       line 17
207      
208        <script type="text/javascript">
209 //<![CDATA[
210 Position.includeScrollOffsets = true;
211 Droppables.add("l17", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 17 updated'}})
212 //]]>
213       </script>
214     </div>
215
216     <div id="l18" style="position:static">
217       line 18
218      
219        <script type="text/javascript">
220 //<![CDATA[
221 Position.includeScrollOffsets = true;
222 Droppables.add("l18", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 18 updated'}})
223 //]]>
224       </script>
225     </div>
226
227     <div id="l19" style="position:static">
228       line 19
229      
230        <script type="text/javascript">
231 //<![CDATA[
232 Position.includeScrollOffsets = true;
233 Droppables.add("l19", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 19 updated'}})
234 //]]>
235       </script>
236     </div>
237
238     <div id="l20" style="position:static">
239       line 20
240      
241        <script type="text/javascript">
242 //<![CDATA[
243 Position.includeScrollOffsets = true;
244 Droppables.add("l20", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 20 updated'}})
245 //]]>
246       </script>
247     </div>
248
249     <div id="l21" style="position:static">
250       line 21
251      
252        <script type="text/javascript">
253 //<![CDATA[
254 Position.includeScrollOffsets = true;
255 Droppables.add("l21", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 21 updated'}})
256 //]]>
257       </script>
258     </div>
259
260     <div id="l22" style="position:static">
261       line 22
262      
263        <script type="text/javascript">
264 //<![CDATA[
265 Position.includeScrollOffsets = true;
266 Droppables.add("l22", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 22 updated'}})
267 //]]>
268       </script>
269     </div>
270
271     <div id="l23" style="position:static">
272       line 23
273      
274        <script type="text/javascript">
275 //<![CDATA[
276 Position.includeScrollOffsets = true;
277 Droppables.add("l23", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 23 updated'}})
278 //]]>
279       </script>
280     </div>
281
282     <div id="l24" style="position:static">
283       line 24
284      
285        <script type="text/javascript">
286 //<![CDATA[
287 Position.includeScrollOffsets = true;
288 Droppables.add("l24", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 24 updated'}})
289 //]]>
290       </script>
291     </div>
292
293     <div id="l25" style="position:static">
294       line 25
295      
296        <script type="text/javascript">
297 //<![CDATA[
298 Position.includeScrollOffsets = true;
299 Droppables.add("l25", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 25 updated'}})
300 //]]>
301       </script>
302     </div>
303
304     <div id="l26" style="position:static">
305       line 26
306      
307        <script type="text/javascript">
308 //<![CDATA[
309 Position.includeScrollOffsets = true;
310 Droppables.add("l26", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 26 updated'}})
311 //]]>
312       </script>
313     </div>
314
315     <div id="l27" style="position:static">
316       line 27
317      
318        <script type="text/javascript">
319 //<![CDATA[
320 Position.includeScrollOffsets = true;
321 Droppables.add("l27", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 27 updated'}})
322 //]]>
323       </script>
324     </div>
325
326     <div id="l28" style="position:static">
327       line 28
328      
329        <script type="text/javascript">
330 //<![CDATA[
331 Position.includeScrollOffsets = true;
332 Droppables.add("l28", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 28 updated'}})
333 //]]>
334       </script>
335     </div>
336
337     <div id="l29" style="position:static">
338       line 29
339      
340        <script type="text/javascript">
341 //<![CDATA[
342 Position.includeScrollOffsets = true;
343 Droppables.add("l29", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 29 updated'}})
344 //]]>
345       </script>
346     </div>
347
348     <div id="l30" style="position:static">
349       line 30
350      
351        <script type="text/javascript">
352 //<![CDATA[
353 Position.includeScrollOffsets = true;
354 Droppables.add("l30", {onDrop:function(element){document.getElementById('msgboxer').innerHTML = 'line 30 updated'}})
355 //]]>
356       </script>
357     </div>
358
359
360
361 </div>
362
363 <br />
364 <br />
365 <div id=dragme style="border: 1px solid; width: 100px">drag me</div>
366 <script type="text/javascript">
367 //<![CDATA[
368 new Draggable("dragme", {floating:true, ghosting:true, revert:true})
369 //]]>
370 </script> 
371
372 <br />
373 <br />
374 <br />
375 <br />
376 Status:<div id=msgboxer style="border: 2px solid red"></div>
377
378 </body>
379 </html>