| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script> | 2 <script> |
| 3 var runPixelTests = true; | 3 var runPixelTests = true; |
| 4 </script> | 4 </script> |
| 5 <script src="full-screen-test.js"></script> | 5 <script src="full-screen-test.js"></script> |
| 6 <style> | 6 <style> |
| 7 #float { | 7 #float { |
| 8 margin: 10px 0 0 10px; | 8 margin: 10px 0 0 10px; |
| 9 height: 50px; | 9 height: 50px; |
| 10 width: 50px; | 10 width: 50px; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 background-color: lightgreen; | 22 background-color: lightgreen; |
| 23 } | 23 } |
| 24 </style> | 24 </style> |
| 25 <body> | 25 <body> |
| 26 <div>This layout test checks that the offset positions of the blue and green div
s does not change when the red div enters full-screen mode. Press <button oncli
ck="document.getElementById('float').webkitRequestFullScreen()">go full-screen</
a> to begin.</div> | 26 <div>This layout test checks that the offset positions of the blue and green div
s does not change when the red div enters full-screen mode. Press <button oncli
ck="document.getElementById('float').webkitRequestFullScreen()">go full-screen</
a> to begin.</div> |
| 27 <div id="float"></div> | 27 <div id="float"></div> |
| 28 <div id="one">One</div> | 28 <div id="one">One</div> |
| 29 <div id="clear" /> | 29 <div id="clear" /> |
| 30 <span id="two">Two</span> | 30 <span id="two">Two</span> |
| 31 <script> | 31 <script> |
| 32 // Bail out early if the full screen API is not enabled or is missing: | 32 var callback; |
| 33 if (Element.prototype.webkitRequestFullScreen == undefined) { | 33 var fullscreenChanged = function(event) |
| 34 logResult(false, "Element.prototype.webkitRequestFullScreen == undefined
"); | 34 { |
| 35 endTest(); | 35 if (callback) |
| 36 } else { | 36 callback(event) |
| 37 var callback; | 37 }; |
| 38 var fullscreenChanged = function(event) | 38 document.onwebkitfullscreenchange = fullscreenChanged; |
| 39 { | |
| 40 if (callback) | |
| 41 callback(event) | |
| 42 }; | |
| 43 document.onwebkitfullscreenchange = fullscreenChanged; | |
| 44 | 39 |
| 45 var div = document.getElementById("float"); | 40 var div = document.getElementById("float"); |
| 46 | 41 |
| 47 var divEnteredFullScreen = function() | 42 var divEnteredFullScreen = function() |
| 48 { | 43 { |
| 49 if (document.webkitCurrentFullScreenElement == div) { | 44 if (document.webkitCurrentFullScreenElement == div) { |
| 50 callback = cancelledFullScreen; | 45 callback = cancelledFullScreen; |
| 51 runWithKeyDown(function(){document.webkitCancelFullScreen()}); | 46 runWithKeyDown(function(){document.webkitCancelFullScreen()}); |
| 52 } | 47 } |
| 53 }; | 48 }; |
| 54 | 49 |
| 55 var cancelledFullScreen = function() | 50 var cancelledFullScreen = function() |
| 56 { | 51 { |
| 57 if (document.webkitCurrentFullScreenElement == null) { | 52 if (document.webkitCurrentFullScreenElement == null) { |
| 58 callback = null; | 53 callback = null; |
| 59 endTest(); | 54 endTest(); |
| 60 } | 55 } |
| 61 }; | 56 }; |
| 62 | 57 |
| 63 callback = divEnteredFullScreen; | 58 callback = divEnteredFullScreen; |
| 64 runWithKeyDown(function(){div.webkitRequestFullScreen()}); | 59 runWithKeyDown(function(){div.webkitRequestFullScreen()}); |
| 65 } | |
| 66 </script> | 60 </script> |
| OLD | NEW |