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

Ticket #6776: test.html

File test.html, 12.0 kB (added by cowboycoder, 6 months ago)

More Advanced Test case with fix.

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