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

Merge branch 'master' of github.com:jquery/jquery-mobile

Browse source
This commit is contained in:
scottjehl 2010-10-04 14:33:24 -04:00
commit ec4d7cb393
1 changed files with 102 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
_filter.html Normal file
View file

@ -0,0 +1,102 @@
<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Filtered List View</title>
<link rel="stylesheet" type="text/css" href="css/all" />
<script type="text/javascript" src="js/all"></script>
<script>
$(function() {
var term = $( "#term" ),
list = $( "[data-role=listview]" ),
count = $( "#count" ),
searchTerm = $( "#search-term" );
$( "#term" ).keyup(function() {
var val = term.val().replace( /[()]/g, "\\\\$1" );
list.children().show();
if ( val ) {
list.children().not( ":contains(" + val + ")" ).hide();
}
count.text( list.children( ":visible" ).length );
searchTerm.text( term.val() );
});
});
</script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<div data-role="header">
<h1>Stuff</h1>
<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
</div>
<form method="get" action="_searchresult.html">
<label for="term" data-role="nojs">Search:</label>
<input type="text" name="term" id="term" placeholder="search..." data-role="search" />
<button type="submit" data-role="nojs">Search</button>
</form>
<div data-role="content">
<p class="ui-body"><span id="count">12</span> Results for "<em id="search-term">Justin Bieber</em>"</p>
<ol data-role="listview" data-inset="true">
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Baby (feat. Ludacris)</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Somebody to Love</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">One Less Lonely Girl</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">That Should Be Me</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Baby</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Up</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Runaway Love</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">One Time (My Heart Edition)</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Overboard</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Somebody to Love (Remix)</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Never Say Never</a></h2>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h2><a href="index.html">Somebody to Love feat. Usher (Remix)</a></h2>
</li>
</ol>
</div>
</div>
</body>
</html>