jquery-mobile/experiments/ajax-search/_search-results.html
scottjehl d5cbcf755b Created a themes directory and moved all CSS and images there.
Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet.

Modified all HTML files to point to /themes/default for their theme.
2010-10-13 13:26:23 -04:00

117 lines
No EOL
3.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Search Results</title>
<link rel="stylesheet" href="themes/default" />
<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>