jquery-mobile/js/jquery.mobile.forms.button.js

66 lines
No EOL
1.6 KiB
JavaScript

/*
* jQuery Mobile Framework : "button" plugin - links that proxy to native input/buttons
* Copyright (c) jQuery Project
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*/
(function($, undefined ) {
$.widget( "mobile.button", $.mobile.widget, {
options: {
theme: null,
icon: null,
iconpos: null,
inline: null,
corners: true,
shadow: true,
iconshadow: true
},
_create: function(){
var $el = this.element,
o = this.options;
//add ARIA role
this.button = $( "<div></div>" )
.text( $el.text() || $el.val() )
.buttonMarkup({
theme: o.theme,
icon: o.icon,
iconpos: o.iconpos,
inline: o.inline,
corners: o.corners,
shadow: o.shadow,
iconshadow: o.iconshadow
})
.insertBefore( $el )
.append( $el.addClass('ui-btn-hidden') );
//add hidden input during submit
var type = $el.attr('type');
if( type !== 'button' && type !== 'reset' ){
$el.bind("vclick", function(){
var $buttonPlaceholder = $("<input>",
{type: "hidden", name: $el.attr("name"), value: $el.attr("value")})
.insertBefore($el);
//bind to doc to remove after submit handling
$(document).submit(function(){
$buttonPlaceholder.remove();
});
});
}
},
enable: function(){
this.element.attr("disabled", false);
this.button.removeClass("ui-disabled").attr("aria-disabled", false);
return this._setOption("disabled", false);
},
disable: function(){
this.element.attr("disabled", true);
this.button.addClass("ui-disabled").attr("aria-disabled", true);
return this._setOption("disabled", true);
}
});
})( jQuery );