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

moved to experiements

Browse source
This commit is contained in:
Todd Parker 2010-10-12 18:25:14 -04:00
parent 7eab0374c6
commit 17b1040df4
3 changed files with 181 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
experiments/ajax-search/_search-results.html Normal file
View file

@ -0,0 +1,117 @@
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Search Results</title>
<link rel="stylesheet" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<div data-role="header">
<h1>Search Results</h1>
</div>
<form method="get" action="_searchresult.html" data-role="ajaxform" data-theme="c">
<label for="term" data-role="nojs">Search:</label>
<input type="search" name="term" id="term" placeholder="search..." />
<button type="submit" data-role="nojs">Search</button>
</form>
<div data-role="content">
<p>12 Results for <em>"Justin Bieber"</em></p>
<ol data-role="listview" data-inset="true">
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
</ol>
</div>
</div>
</body>
</html>

30
experiments/ajax-search/_search.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Search Example</title>
<link rel="stylesheet" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" >
<div data-role="header">
<h1>Search</h1>
</div>
<form method="get" action="_search-results.html" data-role="ajaxform" d>
<label for="term" data-role="nojs">Search:</label>
<input type="search" name="term" id="term" placeholder="search..." />
<button type="submit" data-role="nojs">Search</button>
</form>
<div data-role="content">
<p>No search results yet...</p>
</div>
</div>
</body>
</html>

34
experiments/progressbar/_progressbar-static.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Static Progressbar Example</title>
<link rel="stylesheet" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<div data-role="header">
<h1>Static Progressbar</h1>
</div>
<div data-role="content">
<h2>Just a simple static progressbar, for future reference.</h2>
<style type="text/css">
.progress { margin: 1em 0; }
.progress-filled { height: 1.5em; margin: -1px; }
</style>
<div class="progress ui-bar-c ui-btn-corner-all">
<div class="progress-filled ui-btn-up-b ui-btn-corner-left" style="width: 30%;"></div>
</div>
</div>
</div>
</body>
</html>