11-ajax/11-js-window.html

<!DOCTYPE html>

<html>

<head>
	<meta charset="utf-8" />
	<title>JS window object</title>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
	
	<style>
	
	input {
		margin: 10px;
	}
	</style>
	
</head>


<script>
	
	
function myResize(){
	my=open('', '', 'width=100, height=100'); 
	my.resizeTo(400, 400);
	my.focus();
}

	
</script>

<body>


	<div class="container">
		
			
		<h1>JS window object</h1>

		<input type="button" onclick="alert('Aloha')" value="alert()" class="btn btn-lg btn-primary">
		
		<input type="button" onclick="confirm('Should I do that?')" value="confirm()" class="btn btn-lg btn-success">
	 
		<input type="button" onclick="open('http://www.vse.cz', '', 'width=200, height=200')" value="open()" class="btn btn-lg btn-info">
	
		<input type="button" onclick="window.close()" value="close()" class="btn btn-lg btn-danger">
			
		<input type="button" onclick="print()" value="print()" class="btn btn-lg btn-warning">
						
		<input type="button" onclick="myResize()" value="resize()" class="btn btn-lg btn-info">
	
	</div>
	

</body>

</html>