cosname

HTML5 Fullscreen mode script

Sep 9th, 2014
265
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.65 KB | None | 0 0
  1. / -------------- This iframe can contain code under -------------
  2. %iframe{"src" => "http://haml.info",
  3. "allowfullscreen" => "true",
  4. "mozallowfullscreen" => "true",
  5. "webkitallowfullscreen" => "true",
  6. "scrolling" => "no",
  7. "frameborder" => "0",
  8. "border" => "0",
  9. "hspace" => "0",
  10. "vspace" => "0",
  11. "marginheight" => "0",
  12. "marginwidth" => "0",
  13. "width" => "200",
  14. "height" => "100"}
  15.  
  16. / -------------- This code can require fullscreenmode(dont forget to use doctype and body element :P) --------------
  17. %hr
  18.  
  19. %section#game{"ng-app"=>"Haven"}
  20.  
  21. %header.root{"top-bar" => ''}
  22.  
  23. %section.root{"ng-view" => '', "unrightclickable" => ''}
  24.  
  25. %div{"message" => ''}
  26. %div{"overlay" => ''}
  27. %div{"game-hints" => ''}
  28.  
  29. %button#blabla{onclick: 'toggleFullScreen()'}
  30. blabla
  31.  
  32. :coffee
  33. # example 1: expand sertain element
  34. toggleFullScreen = ->
  35. if not document.mozFullScreen and not document.webkitFullScreen
  36. if videoElement.mozRequestFullScreen
  37. videoElement.mozRequestFullScreen()
  38. else
  39. videoElement.webkitRequestFullScreen Element.ALLOW_KEYBOARD_INPUT
  40. else
  41. if document.mozCancelFullScreen
  42. document.mozCancelFullScreen()
  43. else
  44. document.webkitCancelFullScreen()
  45. return
  46. videoElement = document.getElementById("game")
  47.  
  48. document.addEventListener "keydown", ((e) ->
  49. toggleFullScreen() if e.keyCode is 13
  50. return
  51. ), false
  52.  
  53. :coffee
  54. # example 2: expand whole document
  55. window.get_first_of_this = (obj, vals) ->
  56. call = call or false
  57.  
  58. has_one = null
  59.  
  60. for name in vals
  61. item = obj[name]
  62. if item?
  63. has_one =
  64. the_one: item
  65. name: name
  66. break;
  67.  
  68. has_one
  69.  
  70. window.toggleFullScreen = ->
  71. elementsList = [
  72. "fullscreenElement" # alternative standard method
  73. # current working methods
  74. "mozFullScreenElement"
  75. "webkitFullscreenElement"
  76. "msFullscreenElement"
  77. ]
  78. requestList = [
  79. "requestFullscreen"
  80. "msRequestFullscreen"
  81. "mozRequestFullScreen"
  82. "webkitRequestFullscreen"
  83. ]
  84. exitList = [
  85. "exitFullscreen"
  86. "msExitFullscreen"
  87. "mozCancelFullScreen"
  88. "webkitExitFullscreen"
  89. ]
  90.  
  91. unless get_first_of_this(document, elementsList)
  92. _t = document.documentElement
  93. item = get_first_of_this(document.documentElement, requestList)
  94. args = if item.name is "webkitRequestFullscreen"
  95. [Element.ALLOW_KEYBOARD_INPUT]
  96. else
  97. []
  98. else if item = get_first_of_this(document, exitList)
  99. _t = document
  100. args = []
  101.  
  102. item.the_one.apply _t, args if item
  103. return
Advertisement
Add Comment
Please, Sign In to add comment