Advertisement
pigdevil2010

Untitled

Mar 7th, 2015
287
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.31 KB | None | 0 0
  1. <!--
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. -->
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <title>TwitchPlaysPokemon</title>
  8. <link rel="icon" href="/favicon.ico" >
  9. <link rel="shortcut icon" href="/favicon.ico" >
  10. <style>
  11. #vbar, #hbar {
  12.     position: fixed;
  13.     background-color: gray;
  14. }
  15. #vbar {
  16.     height: 100%;
  17.     width: 5px;
  18.     top: 0;
  19.     cursor: ew-resize;
  20. }
  21. #hbar {
  22.     height: 5px;
  23.     cursor: ns-resize;
  24. }
  25. </style>
  26. <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
  27. <script>
  28. var hp = 0.75, vp = 0.5, dh = false, dv = false;
  29. updatePos = function() {
  30.     hpos = innerWidth * hp;
  31.     vpos = innerHeight * vp;
  32.     $("#vbar").css({"left":hpos+"px"});
  33.     $("#hbar").css({"top":vpos+"px","left":hpos+"px","width":(innerWidth-hpos)+"px"});
  34.     $("#twitch").attr({"width":hpos+"px"});
  35.     $("#irc").attr({"width":(innerWidth-hpos)+"px","height":vpos+"px"});
  36.     $("#twitchchat").attr({"width":(innerWidth-hpos)+"px","height":(innerHeight-vpos)+"px"});
  37. };
  38. $(document).ready(function() {
  39.     updatePos();
  40.     $(window).resize(updatePos)
  41.     $(document).mousemove(function(event){
  42.         if(dh) {
  43.             hp = (event.pageX-2)/innerWidth;
  44.             updatePos();
  45.         }
  46.         if(dv) {
  47.             vp = (event.pageY-2)/innerHeight;
  48.             updatePos();
  49.         }
  50.     });
  51.     $("#vbar").mousedown(function(){dh=true});
  52.     $("#hbar").mousedown(function(){dv=true});
  53.     $("#vbar,#hbar").mouseup(function(){dh=false;dv=false});
  54.     $("#vbar,#hbar").mouseleave(function(){dh=false;dv=false});
  55. });
  56. </script>
  57. </head>
  58.  
  59. <body style = "margin:0; height: 100%;">
  60. <div style="height: 100%; margin: 0; overflow: hidden;">
  61.    <iframe id="irc" frameborder=0 scrolling=no src="http://kiwiirc.com/client/irc.freenode.net/?nick=ANONTPP-?&theme=mini#twitchplayspokemon" align="right">
  62.       <p>Your browser does not support iframes.</p>
  63.    </iframe>
  64.    <iframe id="twitch" frameborder=0 scrolling=no src="http://www.twitch.tv/twitchplayspokemon/embed" align="left" height="100%">
  65.       <p>Your browser does not support iframes.</p>
  66.    </iframe>
  67.   <iframe id="twitchchat" frameborder=0 scrolling=no src="http://www.twitch.tv/twitchplayspokemon/chat?popout=" align="right">
  68.         <p> Your Browser Does Not Support Iframes. </p>
  69.  </iframe>
  70.  </div>
  71. <div id="vbar"></div>
  72. <div id="hbar"></div>
  73. </body>
  74.  
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement