widgets/searchbar/searchbar.js

   1 $( document ).one( "pageshow", ":jqmData(role='page')", function ( ev ) {
   2         var page = ev.target;
   3
   4         $( "#" + page.id + "-search" ).on( "input change", function ( ev ) {
   5                 var regEx,
   6                         sbar = ev.target,
   7                         content = $( page ).children(":jqmData(role='content')")[0];
   8
   9                 regEx = new RegExp(".*" + $( sbar ).val().toLowerCase());
  10
  11                 $( content ).find( "p" ).each( function () {
  12                         if ( $( this ).text().toLowerCase().match(regEx) ) {
  13                                 $( this ).show();
  14                         } else {
  15                                 $( this ).hide();
  16                         }
  17                 });
  18
  19                 $( content ).scrollview( "scrollTo", 0, 0, 0 );
  20         });
  21
  22         $( ".ui-btn-search-front-icon" ).on( "vclick", function () {
  23                 window.alert( "front button in searchbar pressed!" );
  24         });
  25 });
  26
  27