$( "#searchbar-demo-page" ).bind( "pageshow", function(){\r
-\r
- \r
$( "#search1" ).bind( "input change", function(){\r
var regEx = "";\r
- \r
+\r
regEx = ".*" + $( "#search1" ).val();\r
- \r
+\r
$("#searchbar-content p").each(function(){\r
if ( $( this ).text().search(new RegExp(regEx)) != -1) {\r
$( this ).show();\r
}\r
else {\r
- $( this ).hide(); \r
+ $( this ).hide();\r
}\r
});\r
});\r
- \r
- /*searchbar-content*/\r
+});\r
+\r
+$( "#searchbar-demo-page-button" ).bind( "pageshow", function(){\r
+ $( ".ui-btn-search-front-icon" ).bind( "vclick", function(){\r
+ window.alert( "front button in searchbar pressed!" );\r
+ });\r
});
\ No newline at end of file
<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true" id="searchbar-demo-page">
+<div data-role="page" data-add-back-btn="true" id="searchbar-demo-page-button">
<div data-role="header" data-position ="fixed" >
<h1>Searchbar</h1>
<form>
- <input type="search" data-icon="call" name="search" id="search1" value="" />
+ <input type="search" data-icon="call" name="search" id="search2" value="" />
</form>
</div><!-- /header -->
<div data-role="content" id="searchbar-content">
}
function makeFrontIcon() {
- var frontIcon = $( "<div data-role='button' data-style='circle'></div>" );
+ var IconStyle = $( input ).jqmData( "icon" ),
+ frontIcon = $( "<div data-role='button' data-style='circle'></div>" );
+
frontIcon
.appendTo( focusedEl.parent() )
.buttonMarkup( {
- icon: "call",
+ icon: IconStyle,
corners: true,
shadow: true
} );