Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-02 11:54:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added link formatting example page, moved from lists to pages folder.

Browse source
This commit is contained in:
Todd Parker 2010-11-09 10:46:13 -05:00
parent 97cc95dd0d
commit 9165a054ab
3 changed files with 46 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
docs/lists/index.html
View file

@ -32,7 +32,6 @@
<li><a href="lists-formatting.html">Content formatting</a></li>
<li><a href="lists-search.html">Search filter bar</a></li>
<li><a href="lists-inset.html">Inset styled lists</a></li>
<li><a href="lists-link-formats.html">Link formats in lists</a></li>
<li><a href="lists-performance.html">List performance test</a></li>
<li><a href="lists-themes.html">Theming lists</a></li>
<!--<li><a href="api-lists.html">API documentation</a></li>-->

1
docs/pages/index.html
View file

@ -23,6 +23,7 @@
<li><a href="docs-transitions.html">Page transitions</a></li>
<li><a href="docs-dialogs.html">Dialogs</a></li>
<li><a href="docs-navmodel.html">Navigation: Ajax, hashes &amp; history</a></li>
<li><a href="link-formats.html">Link format examples</a></li>
<li><a href="pages-themes.html">Theming pages</a></li>
<!--<li><a href="api-pages.html">API documentation</a></li>-->
</ul>

45
docs/pages/link-formats.html Executable file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Docs - Links</title>
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Link formats</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview">
<li data-role="list-divider">Relative links</li>
<li><a href="../../index.html">Relative link</a></li>
<li><a href="../../index.html" rel="external">Relative link: rel="external"</a></li>
<li><a href="../../index.html" rel="external" target="foo">Relative link: rel="external", target="foo"</a></li>
<li><a href="../pages/dialog.html" data-rel="dialog">Relative link: data-rel="dialog" (not tracked in history)</a></li>
<li data-role="list-divider">Absolute links</li>
<li><a href="http://www.jquery.com">Absolute link</a></li>
<li><a href="http://www.jquery.com" rel="external">Absolute link: rel="external"</a></li>
<li><a href="http://www.jquery.com" rel="external" target="foo">Absolute link: rel="external", 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">Mailto with a cc: and bcc:</a></li>
<li><a href="mailto:jdoe@foo.com?subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a 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>