jquery-mobile/docs/pages/link-formats.html

<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8" /> 
	<title>jQuery Mobile Docs - Links</title> 
	<link rel="stylesheet"  href="../../themes/default/" />  
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
	<script type="text/javascript" src="../../js/jquery.js"></script>
	<script type="text/javascript" src="../../js/"></script>
	<script type="text/javascript" src="docs/docs.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header" data-theme="b">
		<h1>Link formats</h1>
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
	</div><!-- /header -->

	<div data-role="content">
			
			<p>All standard HTML link types are supported in jQuery Mobile. To make the experience as polished as possible, any links to pages within the same domain will be automatically turned into Ajax requests and displayed with an animated page transition by the framework. </p>
			<p>Links that point to other domains or that have <code>rel="external"</code>, <code>data-ajax="false"</code> or <code>target</code> attributes will not be loaded with Ajax and will cause a full page refresh. If multiple "pages" are contained within a single HTML document, they can be linked by referencing the ID of the page as an anchor (#foo).</p>
			<p>All other types of links like <code>mailto:</code> and <code>tel:</code> aren't impacted by the framework and will work as expected. Learn more about the <a href="docs-navmodel.html">linking and navigation model</a> in jQuery Mobile</p>
			
			<ul data-role="listview" data-inset="true">
				<li data-role="list-divider">Links that will be Ajax-loaded with page transitions</li>
				<li><a href="../../index.html">Link in the same domain</a></li>
				<li><a href="../pages/dialog.html" data-rel="dialog">Dialog link: data-rel="dialog" (not tracked in history)</a></li>
				<li data-role="list-divider">Links that will refresh the page</li>
				<li><a href="http://www.jquery.com">External domain</a></li>
				<li><a href="../../index.html" rel="external">Link with rel="external"</a></li>
				<li><a href="docs/pages/index.html" data-ajax="false">link with [data-ajax="false"]</a></li>
				<li><a href="../../index.html" target="foo">Link with target="foo"</a></li>
				<li data-role="list-divider">Email links</li>
				<li><a href="mailto:jdoe@foo.com">Basic email: mailto:jdoe@foo.com</a></li>
				<li><a href="mailto:jdoe@foo.com?cc=bill@bar.com&bcc=mark@abc.com&subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a cc:, bcc:, subject and body pre-filled</a></li>

				<li data-role="list-divider">Phone links</li>
				<li><a href="tel:15555555555">Phone: tel:15555555555</a></li>
				<li><a href="wtai://wp/mc;15555555555">Phone: wtai://wp/mc;15555555555</a></li>
				<li><a href="dc:234*234*234">Phone: dc:234*234*234</a></li>
				<li data-role="list-divider">Other</li>
				<li><a href="#">A href="#" will return false</a></li>
			</ul>
	</div><!-- /content -->
</div><!-- /page -->

</body>
</html>
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8" />`
			`<title>jQuery Mobile Docs - Links</title>`
Sweep through all files to add a trailing slash to <link> tags that include thems/default. This should fix Opera Mobile Issue 763. 2011-01-06 00:19:24 +00:00			`<link rel="stylesheet" href="../../themes/default/" />`
Added link to demo css file to all docs pages 2010-11-11 19:15:42 +00:00			`<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>`
Removed jquery.js from js/index.php and updated all html doc/experiments/test files that incuded "js/" so that they also include jquery.js manually. This makes our include model match the include model on the CDN, and allows devs to make use of mobileinit for debugging some of the samples since that must be set up after jquery.js, but before jquery-mobile. 2011-01-20 19:26:12 +00:00			`<script type="text/javascript" src="../../js/jquery.js"></script>`
removed js/all redirect. updated files to use js/ 2010-11-09 22:57:26 +00:00			`<script type="text/javascript" src="../../js/"></script>`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<script type="text/javascript" src="docs/docs.js"></script>`
			`</head>`
			`<body>`

changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<div data-role="page">`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<div data-role="header" data-theme="b">`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<h1>Link formats</h1>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`</div><!-- /header -->`

changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<div data-role="content">`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00
			`<p>All standard HTML link types are supported in jQuery Mobile. To make the experience as polished as possible, any links to pages within the same domain will be automatically turned into Ajax requests and displayed with an animated page transition by the framework. </p>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<p>Links that point to other domains or that have <code>rel="external"</code>, <code>data-ajax="false"</code> or <code>target</code> attributes will not be loaded with Ajax and will cause a full page refresh. If multiple "pages" are contained within a single HTML document, they can be linked by referencing the ID of the page as an anchor (#foo).</p>`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00			`<p>All other types of links like <code>mailto:</code> and <code>tel:</code> aren't impacted by the framework and will work as expected. Learn more about the <a href="docs-navmodel.html">linking and navigation model</a> in jQuery Mobile</p>`

changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<ul data-role="listview" data-inset="true">`
			`<li data-role="list-divider">Links that will be Ajax-loaded with page transitions</li>`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00			`<li><a href="../../index.html">Link in the same domain</a></li>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<li><a href="../pages/dialog.html" data-rel="dialog">Dialog link: data-rel="dialog" (not tracked in history)</a></li>`
			`<li data-role="list-divider">Links that will refresh the page</li>`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00			`<li><a href="http://www.jquery.com">External domain</a></li>`
			`<li><a href="../../index.html" rel="external">Link with rel="external"</a></li>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<li><a href="docs/pages/index.html" data-ajax="false">link with [data-ajax="false"]</a></li>`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00			`<li><a href="../../index.html" target="foo">Link with target="foo"</a></li>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<li data-role="list-divider">Email links</li>`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<li><a href="mailto:jdoe@foo.com">Basic email: mailto:jdoe@foo.com</a></li>`
Re-org of the linking example page to emphasize the ajax vs. non-ajax behavior. 2010-11-09 19:11:49 +00:00			`<li><a href="mailto:jdoe@foo.com?cc=bill@bar.com&bcc=mark@abc.com&subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a cc:, bcc:, subject and body pre-filled</a></li>`

changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<li data-role="list-divider">Phone links</li>`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<li><a href="tel:15555555555">Phone: tel:15555555555</a></li>`
			`<li><a href="wtai://wp/mc;15555555555">Phone: wtai://wp/mc;15555555555</a></li>`
			`<li><a href="dc:234234234">Phone: dc:234234234</a></li>`
changed the default namespace to "" and updated the docs/demos as such 2011-03-10 03:36:14 +00:00			`<li data-role="list-divider">Other</li>`
Added link formatting example page, moved from lists to pages folder. 2010-11-09 15:46:13 +00:00			`<li><a href="#">A href="#" will return false</a></li>`
			`</ul>`
			`</div><!-- /content -->`
			`</div><!-- /page -->`

			`</body>`
			`</html>`