Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!doctype html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
 
<script type='text/javascript'>
$(document).ready(function(){
$("#FullScreen").click(function()
{
    var el = event.target.parentElement;
    
    if (el.requestFullScreen)
    {
        el.requestFullScreen();
    }
    else if (el.mozRequestFullScreen)
    {
        el.mozRequestFullScreen();
    }
    else if (el.webkitRequestFullScreen)
    {
        el.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    }
});
    $( "#dialog-modal" ).dialog({
      height: 150,
      modal: true
    });
    
  });
 
</script>
    
    
<div id="dialog-modal" title="Basic modal dialog">
    <p> click below for fullscreen</p>
     <button id="FullScreen" href="#">Full Screen</button>
</div>
 
<p>Sed vel diam id libero Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers