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

removed header navbar 'cause it's broken

Browse source
This commit is contained in:
Todd Parker 2010-10-15 21:46:54 -04:00
parent 093263a4fb
commit 30fbfe3057
3 changed files with 0 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
docs/toolbars/footer-persist-b.html
View file

@ -20,56 +20,48 @@
<img src="../lists/images/album-bb.jpg" />
<h3><a href="index.html">Broken Bells</a></h3>
<p>Broken Bells</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-hc.jpg" />
<h3><a href="index.html">Warning</a></h3>
<p>Hot Chip</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-p.jpg" />
<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
<p>Phoenix</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-ok.jpg" />
<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
<p>Ok Go</p>
<p class="ui-li-aside">$<strong>10.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-ws.jpg" />
<h3><a href="index.html">Elephant</a></h3>
<p>The White Stripes</p>
<p class="ui-li-aside">$<strong>9.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-rh.jpg" />
<h3><a href="index.html">Kid A</a></h3>
<p>Radiohead</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-xx.jpg" />
<h3><a href="index.html">XX</a></h3>
<p>XX</p>
<p class="ui-li-aside">$<strong>10.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-mg.jpg" />
<h3><a href="index.html">Congratulations</a></h3>
<p>MGMT</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
@ -77,7 +69,6 @@
<img src="../lists/images/album-ag.jpg" />
<h3><a href="index.html">Ashes Grammar</a></h3>
<p>A Sunny Day in Glasgow</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
@ -85,14 +76,12 @@
<img src="../lists/images/album-k.jpg" />
<h3><a href="index.html">Hot Fuss</a></h3>
<p>Killers</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
<li>
<img src="../lists/images/album-af.jpg" />
<h3><a href="index.html">The Suburbs</a></h3>
<p>Arcade Fire</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<a href="index.html">Purchase album</a>
</li>
</ul>

1
docs/toolbars/index.html
View file

@ -24,7 +24,6 @@
<li><a href="docs-footers.html">Footer bars</a></li>
<li><a href="bars-fixed.html">Fixed positioning</a></li>
<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
<li><a href="navbar.html">Nav bar widget</a></li>
<li><a href="footer-persist-a.html">Persistent footer nav bar</a></li>
<li><a href="bars-themes.html">Theming toolbars</a></li>
<!--<li><a href="api-bars.html">API documentation</a></li>-->

85
docs/toolbars/navbar.html
View file

@ -1,85 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - navbar Example</title>
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Navbar Example</h1>
<div data-role="navbar">
<ul>
<li><a href="bars-fixed.html">Fixed</a></li>
<li><a href="bars-inline.html">Inline</a></li>
<li><a href="bars-fullscreen.html">Fullscreen</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /header -->
<div data-role="content">
<h1>Nav bar widget</h1>
<p>The Nav Bar widget can be added anywhere in a page &mdash; header, content, or footer region &mdash; to provide a navigation bar that accommodates an unlimited number of options in a compact layout.</p>
<p>The Nav Bar is structured as a 3-column element; it displays up to 3 items per row in a horizontal bar with out without icons. (If more than 3 items are in the navigation list, the nav bar displays a second row with option slots.) </p>
<p>The markup for a nav bar is identical to a basic linked list view: an unordered list with a link in each item and an optional icon. This markup is transformed into a nav bar by adding a <code>data-role="navbar"</code> attribute to the list.</p>
<pre><code>
&lt;div data-role=&quot;navbar&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;bars-fixed.html&quot;&gt;Fixed&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;bars-inline.html&quot;&gt;Inline&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;bars-fullscreen.html&quot;&gt;Fullscreen&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;bars-persist.html&quot;&gt;Persistent&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;bars-themes.html&quot;&gt;Themes&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- /navbar --&gt;
</pre></code>
<p>The markup above creates a two-row nav bar element in the body of the page, like this:</p>
<div data-role="navbar">
<ul>
<li><a href="index.html">Toolbar basics</a></li>
<li><a href="bars-fixed.html">Fixed</a></li>
<li><a href="bars-inline.html">Inline</a></li>
<li><a href="bars-fullscreen.html">Fullscreen</a></li>
<li><a href="bars-persist.html">Persistent</a></li>
<li><a href="bars-themes.html">Themes</a></li>
</ul>
</div><!-- /navbar -->
<p>The navbar can be added inside the header or footer bar; if you want it to persist, simply add a <code>data-position="fixed"</code> attribute to the header or footer <code>div</code> container.</p>
</div><!-- /content-->
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="bars-fixed.html">Fixed</a></li>
<li><a href="bars-inline.html">Inline</a></li>
<li><a href="bars-fullscreen.html">Fullscreen</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>