|
1 | | -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
2 | | - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 1 | +<!doctype html> |
3 | 2 | <html> |
4 | 3 | <head> |
5 | 4 | <title>Testing mousewheel plugin</title> |
6 | | - <link rel="Stylesheet" media="screen" href="../../../qunit/testsuite.css" /> |
7 | | - <script type="text/javascript" src="jquery.js"></script> |
| 5 | + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> |
8 | 6 | <script type="text/javascript" src="../jquery.mousewheel.js"></script> |
9 | 7 |
|
10 | 8 | <style> |
|
71 | 69 | clear: both; |
72 | 70 | height: 1000px; |
73 | 71 | } |
| 72 | + |
| 73 | + #logger { |
| 74 | + position: absolute; |
| 75 | + top: 395px; |
| 76 | + left: 12px; |
| 77 | + width: 380px; |
| 78 | + height: 290px; |
| 79 | + overflow: auto; |
| 80 | + } |
74 | 81 | </style> |
75 | 82 | <script type="text/javascript"> |
76 | 83 | $(function() { |
|
80 | 87 | $('#test1') |
81 | 88 | .mousewheel(function(event, delta) { |
82 | 89 | if (delta > 0) |
83 | | - $('#logger').append('#test1: up ('+delta+')<br />'); |
| 90 | + log('#test1: up ('+delta+')'); |
84 | 91 | else if (delta < 0) |
85 | | - $('#logger').append('#test1: down ('+delta+')<br />'); |
| 92 | + log('#test1: down ('+delta+')'); |
86 | 93 |
|
87 | | - $('#logger').append('pageX: ' + event.pageX + ' pageY: ' + event.pageY ); |
| 94 | + log('pageX: ' + event.pageX + ' pageY: ' + event.pageY ); |
88 | 95 | }); |
89 | 96 |
|
90 | 97 | $('#test2') |
91 | 98 | .mousewheel(function(event, delta) { |
92 | 99 | if (delta > 0) |
93 | | - $('#logger').append('#test2: up ('+delta+')<br />'); |
| 100 | + log('#test2: up ('+delta+')'); |
94 | 101 | else if (delta < 0) |
95 | | - $('#logger').append('#test2: down ('+delta+')<br />'); |
| 102 | + log('#test2: down ('+delta+')'); |
96 | 103 | return false; // prevent default |
97 | 104 | }); |
98 | 105 |
|
99 | 106 | $('#test3') |
100 | | - .hover(function() { $('#logger').append('#test3: mouseover'); }, function() { $('#logger').append('#test3: mouseout'); }) |
| 107 | + .hover(function() { log('#test3: mouseover'); }, function() { log('#test3: mouseout'); }) |
101 | 108 | .mousewheel(function(event, delta) { |
102 | | - $('#logger').append('#test3: I should not have been logged'); |
| 109 | + log('#test3: I should not have been logged'); |
103 | 110 | }) |
104 | 111 | .unmousewheel(); |
105 | 112 |
|
106 | 113 | var testRemoval = function(event, delta) { |
107 | | - $('#logger').append('#test4: I should not have been logged'); |
| 114 | + log('#test4: I should not have been logged'); |
108 | 115 | }; |
109 | 116 |
|
110 | 117 | $('#test4') |
111 | 118 | .mousewheel(function(event, delta) { |
112 | 119 | if (delta > 0) |
113 | | - $('#logger').append('#test4: up ('+delta+')<br />'); |
| 120 | + log('#test4: up ('+delta+')'); |
114 | 121 | else if (delta < 0) |
115 | | - $('#logger').append('#test4: down ('+delta+')<br />'); |
| 122 | + log('#test4: down ('+delta+')'); |
116 | 123 | return false; |
117 | 124 | }) |
118 | 125 | .mousewheel(testRemoval) |
119 | 126 | .mousewheel(function(event, delta) { |
120 | 127 | if (delta > 0) |
121 | | - $('#logger').append('#test4: up ('+delta+') from 2nd handler'); |
| 128 | + log('#test4: up ('+delta+') from 2nd handler'); |
122 | 129 | else if (delta < 0) |
123 | | - $('#logger').append('#test4: down ('+delta+') from 2nd handler'); |
| 130 | + log('#test4: down ('+delta+') from 2nd handler'); |
124 | 131 | return false; |
125 | 132 | }) |
126 | 133 | .unmousewheel(testRemoval); |
127 | 134 |
|
128 | 135 | $('#test5') |
129 | 136 | .mousewheel(function(event, delta) { |
130 | 137 | if (delta > 0) |
131 | | - $('#logger').append('#test5: up ('+delta+')<br />'); |
| 138 | + log('#test5: up ('+delta+')'); |
132 | 139 | else if (delta < 0) |
133 | | - $('#logger').append('#test5: down ('+delta+')<br />'); |
| 140 | + log('#test5: down ('+delta+')'); |
134 | 141 |
|
135 | 142 | event.stopPropagation(); |
136 | 143 | event.preventDefault(); |
|
139 | 146 | $('#test6') |
140 | 147 | .mousewheel(function(event, delta) { |
141 | 148 | if (delta > 0) |
142 | | - $('#logger').append('#test6: up ('+delta+')<br />'); |
| 149 | + log('#test6: up ('+delta+')'); |
143 | 150 | else if (delta < 0) |
144 | | - $('#logger').append('#test6: down ('+delta+')<br />'); |
| 151 | + log('#test6: down ('+delta+')'); |
145 | 152 |
|
146 | 153 | event.stopPropagation(); |
147 | 154 | event.preventDefault(); |
|
150 | 157 | $('#test7') |
151 | 158 | .mousewheel(function(event, delta) { |
152 | 159 | if (delta > 0) |
153 | | - $('#logger').append('#test7: up ('+delta+')<br />'); |
| 160 | + log('#test7: up ('+delta+')'); |
154 | 161 | else if (delta < 0) |
155 | | - $('#logger').append('#test7 down ('+delta+')<br />'); |
| 162 | + log('#test7 down ('+delta+')'); |
156 | 163 |
|
157 | 164 | event.preventDefault(); |
158 | 165 | }); |
| 166 | + |
| 167 | + function log(msg) { |
| 168 | + $('#logger').append(msg+'<br>'); |
| 169 | + }; |
159 | 170 | }); |
160 | 171 | </script> |
161 | 172 | </head> |
|
0 commit comments