elorz007/test_links.html

## test_links.html
<!DOCTYPE html>
<html>
<head>
	<title>Test links</title>
</head>
<body>
<section id="test-links">
	<h1>1. Javascript window location</h1>
	<p>On chrome it opens in the same tab</p>
	<code>window.location = "https://www.virtual-solution.com";</code>
	<button onclick="windowLocation()">Open</button>

	<h1>2. Javascript window open</h1>
	<p>On chrome it opens in a new tab</p>
	<code>window.open("https://www.virtual-solution.com")</code>
	<button onclick="windowOpen()">Open</button>

	<h1>3. Javascript window open (_blank)</h1>
	<p>On chrome it opens in a new window</p>
	<code>window.open("https://www.virtual-solution.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");</code>
	<button onclick="windowOpenBlank()">Open</button>

	<h1>4. HTML &lt;a&gt; tag</h1>
	<p>On chrome it opens in the same tab</p>
	<code>&lt;a href="https://www.virtual-solution.com"&gt;Open&lt;/a&gt;</code>
	<a href="https://www.virtual-solution.com">Open</a>

	<h1>5. HTML &lt;a&gt; tag (_blank)</h1>
	<p>On chrome it opens in a new tab</p>
	<code>&lt;a href="https://www.virtual-solution.com" target="_blank"&gt;Open&lt;/a&gt;</code>
	<a href="https://www.virtual-solution.com" target="_blank">Open</a>

	<h1>6. HTML &lt;a&gt; tag (_new)</h1>
	<p>On chrome it opens in a new tab (unless one with the same name exists)</p>
	<code>&lt;a href="https://www.virtual-solution.com" target="_new"&gt;Open&lt;/a&gt;</code>
	<a href="https://www.virtual-solution.com" target="_new">Open</a>
</section>

<script>
	function windowLocation() {
	  window.location = "https://www.virtual-solution.com";
	}
	function windowOpen() {
	  window.open("https://www.virtual-solution.com");
	}
	function windowOpenBlank() {
	  window.open("https://www.virtual-solution.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
	}
</script>

<section>
	<br /><br /><br />
	<hr />
	<p>More info:</p>
	<a href="https://confluence.virtual-solution.de/display/SI/WKWebView%3A+Research+the+different+ways+to+open+tabs">https://confluence.virtual-solution.de/display/SI/WKWebView%3A+Research+the+different+ways+to+open+tabs</a>
</section>

<style type="text/css">
	code {
		display: block;
		margin-bottom: 1.5em;
	}
	#test-links {
		padding: 1em;
	}
	#test-links h1 {
		margin-top: 2em;
	}
	#test-links a,
	#test-links button {
		font-size: 1.5em;
	}
</style>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Test links</title>
	</head>
	<body>
	<section id="test-links">
	<h1>1. Javascript window location</h1>
	<p>On chrome it opens in the same tab</p>
	<code>window.location = "https://www.virtual-solution.com";</code>
	<button onclick="windowLocation()">Open</button>

	<h1>2. Javascript window open</h1>
	<p>On chrome it opens in a new tab</p>
	<code>window.open("https://www.virtual-solution.com")</code>
	<button onclick="windowOpen()">Open</button>

	<h1>3. Javascript window open (_blank)</h1>
	<p>On chrome it opens in a new window</p>
	<code>window.open("https://www.virtual-solution.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");</code>
	<button onclick="windowOpenBlank()">Open</button>

	<h1>4. HTML <a> tag</h1>
	<p>On chrome it opens in the same tab</p>
	<code><a href="https://www.virtual-solution.com">Open</a></code>
	<a href="https://www.virtual-solution.com">Open</a>

	<h1>5. HTML <a> tag (_blank)</h1>
	<p>On chrome it opens in a new tab</p>
	<code><a href="https://www.virtual-solution.com" target="_blank">Open</a></code>
	<a href="https://www.virtual-solution.com" target="_blank">Open</a>

	<h1>6. HTML <a> tag (_new)</h1>
	<p>On chrome it opens in a new tab (unless one with the same name exists)</p>
	<code><a href="https://www.virtual-solution.com" target="_new">Open</a></code>
	<a href="https://www.virtual-solution.com" target="_new">Open</a>
	</section>

	<script>
	function windowLocation() {
	window.location = "https://www.virtual-solution.com";
	}
	function windowOpen() {
	window.open("https://www.virtual-solution.com");
	}
	function windowOpenBlank() {
	window.open("https://www.virtual-solution.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
	}
	</script>

	<section>
	<br /><br /><br />
	<hr />
	<p>More info:</p>
	<a href="https://confluence.virtual-solution.de/display/SI/WKWebView%3A+Research+the+different+ways+to+open+tabs">https://confluence.virtual-solution.de/display/SI/WKWebView%3A+Research+the+different+ways+to+open+tabs</a>
	</section>

	<style type="text/css">
	code {
	display: block;
	margin-bottom: 1.5em;
	}
	#test-links {
	padding: 1em;
	}
	#test-links h1 {
	margin-top: 2em;
	}
	#test-links a,
	#test-links button {
	font-size: 1.5em;
	}
	</style>
	</body>
	</html>