elorz007/phone_links.html

## phone_links.html
<!DOCTYPE html>
<html>
<head>
	<title>Test phone links</title>
</head>
<body>
<section id="test-links">
	<h1>SPIM-20426. Complex WebEx number (as tel a link)</h1>
	<code>&lt;a href="tel:+49-123-4567-8901,,12345678933#12345678#"&gt;Open&lt;/a&gt;</code>
	<a href="tel:+49-123-4567-8901,,12345678933#12345678#">Open</a>

	<h1>SPIM-20426. Complex WebEx number (only text)</h1>
	<code>&lt;p&gt;+49-123-4567-8901,,12345678933#12345678#&lt;/p&gt;</code>
	<p>+49-123-4567-8901,,12345678933#12345678#/p>

	<h1>SPIM-20426. [Not supported] Complex WebEx number (as sip a link)</h1>
	<code>&lt;a href="sip:+49-123-4567-8901,,12345678933#12345678#"&gt;Open&lt;/a&gt;</code>
	<a href="sip:+49-123-4567-8901,,12345678933#12345678#">Open</a>

	<h1>1. Phone tel: a link</h1>
	<code>&lt;a href="tel:999999999"&gt;Open&lt;/a&gt;</code>
	<a href="tel:999999999">Open</a>

	<h1>1a. Phone tel: a link with ,, and #</h1>
	<code>&lt;a href="tel:999999999,,123#456#"&gt;Open&lt;/a&gt;</code>
	<a href="tel:999999999,,123#456#">Open</a>

 	<h1>2. Phone telprompt: a link</h1>
	<code>&lt;a href="telprompt:999999999"&gt;Open&lt;/a&gt;</code>
	<a href="telprompt:999999999">Open</a>

	<h1>2a. Phone telprompt: a link with ,, and #</h1>
	<code>&lt;a href="telprompt:999999999,,123#456#"&gt;Open&lt;/a&gt;</code>
	<a href="telprompt:999999999,,123#456#">Open</a>

 	<h1>3. SMS </h1>
	<code>&lt;a href="sms:999999999"&gt;Open&lt;/a&gt;</code>
	<a href="sms:999999999">Open</a>

 	<h1>4. Phone just as text with + sign</h1>
	<code>&lt;p&gt;+49123456789&lt;/p&gt;</code>
	<p>+49123456789</p>

	<h1>4a. Phone just as text with + sign ,, and #</h1>
	<code>&lt;p&gt;+49123456789,,123#456#&lt;/p&gt;</code>
	<p>+49123456789,,123#456#</p>

 	<h1>5. Phone just as text with 00</h1>
	<code>&lt;p&gt;0049123456789&lt;/p&gt;</code>
	<p>0049123456789</p>

	<h1>5a. Phone just as text with 00 ,, and #</h1>
	<code>&lt;p&gt;0049123456789,,123#456&lt;/p&gt;</code>
	<p>0049123456789,,123#456</p>

	<h1>6. Phone just as text with local german format</h1>
	<code>&lt;p&gt;0015166666666&lt;/p&gt;</code>
	<p>0015166666666</p>

	 <h1>6a. Phone just as text with local german format ,, and #</h1>
	<code>&lt;p&gt;0015166666666,,123#456&lt;/p&gt;</code>
	<p>0015166666666,,123#456</p>

	<h1>7. Javascript tel link window open</h1>
	<code>window.open("tel:123456789")</code>
	<button onclick="windowTelOpen()">Open</button>

 	<h1>8. Javascript tel link window location</h1>
	<code>window.location = "tel:123456789"</code>
	<button onclick="windowTelLocation()">Open</button>

  <h1>9. Javascript tel link window open blank</h1>
	<code>window.open("tel:123456789", "_blank", "");</code>
	<button onclick="windowTelOpenBlank()">Open</button>
</section>

<script>
	function windowTelLocation() {
	  window.location = "tel:123456789";
	}
	function windowTelOpen() {
	  window.open("tel:123456789");
	}
	function windowTelOpenBlank() {
	  window.open("tel:123456789", "_blank", "");
	}
</script>

<section>
	<br /><br /><br />
	<hr />
	<p>More info:</p>
	<a href="https://jira.virtual-solution.de/browse/SPIM-18141">https://jira.virtual-solution.de/browse/SPIM-18141</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 phone links</title>
	</head>
	<body>
	<section id="test-links">
	<h1>SPIM-20426. Complex WebEx number (as tel a link)</h1>
	<code><a href="tel:+49-123-4567-8901,,12345678933#12345678#">Open</a></code>
	<a href="tel:+49-123-4567-8901,,12345678933#12345678#">Open</a>

	<h1>SPIM-20426. Complex WebEx number (only text)</h1>
	<code><p>+49-123-4567-8901,,12345678933#12345678#</p></code>
	<p>+49-123-4567-8901,,12345678933#12345678#/p>

	<h1>SPIM-20426. [Not supported] Complex WebEx number (as sip a link)</h1>
	<code><a href="sip:+49-123-4567-8901,,12345678933#12345678#">Open</a></code>
	<a href="sip:+49-123-4567-8901,,12345678933#12345678#">Open</a>

	<h1>1. Phone tel: a link</h1>
	<code><a href="tel:999999999">Open</a></code>
	<a href="tel:999999999">Open</a>

	<h1>1a. Phone tel: a link with ,, and #</h1>
	<code><a href="tel:999999999,,123#456#">Open</a></code>
	<a href="tel:999999999,,123#456#">Open</a>

	<h1>2. Phone telprompt: a link</h1>
	<code><a href="telprompt:999999999">Open</a></code>
	<a href="telprompt:999999999">Open</a>

	<h1>2a. Phone telprompt: a link with ,, and #</h1>
	<code><a href="telprompt:999999999,,123#456#">Open</a></code>
	<a href="telprompt:999999999,,123#456#">Open</a>

	<h1>3. SMS </h1>
	<code><a href="sms:999999999">Open</a></code>
	<a href="sms:999999999">Open</a>

	<h1>4. Phone just as text with + sign</h1>
	<code><p>+49123456789</p></code>
	<p>+49123456789</p>

	<h1>4a. Phone just as text with + sign ,, and #</h1>
	<code><p>+49123456789,,123#456#</p></code>
	<p>+49123456789,,123#456#</p>

	<h1>5. Phone just as text with 00</h1>
	<code><p>0049123456789</p></code>
	<p>0049123456789</p>

	<h1>5a. Phone just as text with 00 ,, and #</h1>
	<code><p>0049123456789,,123#456</p></code>
	<p>0049123456789,,123#456</p>

	<h1>6. Phone just as text with local german format</h1>
	<code><p>0015166666666</p></code>
	<p>0015166666666</p>

	<h1>6a. Phone just as text with local german format ,, and #</h1>
	<code><p>0015166666666,,123#456</p></code>
	<p>0015166666666,,123#456</p>

	<h1>7. Javascript tel link window open</h1>
	<code>window.open("tel:123456789")</code>
	<button onclick="windowTelOpen()">Open</button>

	<h1>8. Javascript tel link window location</h1>
	<code>window.location = "tel:123456789"</code>
	<button onclick="windowTelLocation()">Open</button>

	<h1>9. Javascript tel link window open blank</h1>
	<code>window.open("tel:123456789", "_blank", "");</code>
	<button onclick="windowTelOpenBlank()">Open</button>
	</section>

	<script>
	function windowTelLocation() {
	window.location = "tel:123456789";
	}
	function windowTelOpen() {
	window.open("tel:123456789");
	}
	function windowTelOpenBlank() {
	window.open("tel:123456789", "_blank", "");
	}
	</script>

	<section>
	<br /><br /><br />
	<hr />
	<p>More info:</p>
	<a href="https://jira.virtual-solution.de/browse/SPIM-18141">https://jira.virtual-solution.de/browse/SPIM-18141</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>