mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
54 lines
No EOL
1.3 KiB
JavaScript
54 lines
No EOL
1.3 KiB
JavaScript
/*
|
|
* "degradeInputs" plugin - degrades inputs to another type after custom enhancements are made.
|
|
*/
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.mobile.page.prototype.options.degradeInputs = {
|
|
color: false,
|
|
date: false,
|
|
datetime: false,
|
|
"datetime-local": false,
|
|
email: false,
|
|
month: false,
|
|
number: false,
|
|
range: "number",
|
|
search: "text",
|
|
tel: false,
|
|
time: false,
|
|
url: false,
|
|
week: false
|
|
};
|
|
|
|
|
|
//auto self-init widgets
|
|
$( document ).bind( "pagecreate create", function( e ){
|
|
|
|
var page = $.mobile.closestPageData( $(e.target) );
|
|
|
|
if( !page ) {
|
|
return;
|
|
}
|
|
|
|
options = page.options;
|
|
|
|
// degrade inputs to avoid poorly implemented native functionality
|
|
$( e.target ).find( "input" ).not( page.keepNativeSelector() ).each(function() {
|
|
var $this = $( this ),
|
|
type = this.getAttribute( "type" ),
|
|
optType = options.degradeInputs[ type ] || "text";
|
|
|
|
if ( options.degradeInputs[ type ] ) {
|
|
var html = $( "<div>" ).html( $this.clone() ).html(),
|
|
// In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
|
|
hasType = html.indexOf( " type=" ) > -1,
|
|
findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/,
|
|
repstr = " type=\"" + optType + "\" data-" + $.mobile.ns + "type=\"" + type + "\"" + ( hasType ? "" : ">" );
|
|
|
|
$this.replaceWith( html.replace( findstr, repstr ) );
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
})( jQuery ); |