mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 15:01:39 +08:00
添加Metronic(作为LFS)
This commit is contained in:
106
frontend/static/js/jquery.inputlimitor.1.0.js
Normal file
106
frontend/static/js/jquery.inputlimitor.1.0.js
Normal file
@@ -0,0 +1,106 @@
|
||||
/*
|
||||
* jQuery Input Limitor plugin 1.0
|
||||
* http://rustyjeans.com/jquery-plugins/input-limitor/
|
||||
*
|
||||
* Copyright (c) 2009 Russel Fones
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person
|
||||
* obtaining a copy of this software and associated documentation
|
||||
* files (the "Software"), to deal in the Software without
|
||||
* restriction, including without limitation the rights to use,
|
||||
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the
|
||||
* Software is furnished to do so, subject to the following
|
||||
* conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be
|
||||
* included in all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
$.fn.inputlimitor = function(options) {
|
||||
var opts = $.extend({}, $.fn.inputlimitor.defaults, options);
|
||||
if ( opts.boxAttach && !$('#'+opts.boxId).length )
|
||||
{
|
||||
$('<div/>').appendTo("body").attr({id: opts.boxId, 'class': opts.boxClass}).css({'position': 'absolute'}).hide();
|
||||
// apply bgiframe if available
|
||||
if ( $.fn.bgiframe )
|
||||
$('#'+opts.boxId).bgiframe();
|
||||
}
|
||||
$(this).each(function(i){
|
||||
$(this).keyup(function(e){
|
||||
if ( $(this).val().length > opts.limit )
|
||||
$(this).val($(this).val().substring(0,opts.limit));
|
||||
if ( opts.boxAttach )
|
||||
{
|
||||
$('#'+opts.boxId).css({
|
||||
'width': $(this).outerWidth() - ($('#'+opts.boxId).outerWidth() - $('#'+opts.boxId).width()) + 'px',
|
||||
'left': $(this).offset().left + 'px',
|
||||
'top': ($(this).offset().top + $(this).outerHeight()) - 1 + 'px'
|
||||
});
|
||||
}
|
||||
var remText = opts.remText;
|
||||
remText = remText.replace(/\%n/g, opts.limit - $(this).val().length);
|
||||
remText = remText.replace(/\%s/g, ( opts.limit - $(this).val().length == 1?'':'s' ));
|
||||
|
||||
var limitText = opts.limitText;
|
||||
limitText = limitText.replace(/\%n/g, opts.limit);
|
||||
limitText = limitText.replace(/\%s/g, ( opts.limit == 1?'':'s' ));
|
||||
|
||||
if ( opts.limitTextShow )
|
||||
{
|
||||
$('#'+opts.boxId).html(remText + ' ' + limitText);
|
||||
// Check to see if the text is wrapping in the box
|
||||
// If it is lets break it between the remaining test and the limit test
|
||||
var textWidth = $("<span/>").appendTo("body").attr({id: '19cc9195583bfae1fad88e19d443be7a', 'class': opts.boxClass}).html(remText + ' ' + limitText).innerWidth();
|
||||
$("#19cc9195583bfae1fad88e19d443be7a").remove();
|
||||
if ( textWidth > $('#'+opts.boxId).innerWidth() ) {
|
||||
$('#'+opts.boxId).html(remText + '<br />' + limitText);
|
||||
}
|
||||
// Show the limitor box
|
||||
$('#'+opts.boxId).show();
|
||||
}
|
||||
else
|
||||
$('#'+opts.boxId).html(remText).show();
|
||||
});
|
||||
$(this).keypress(function(e){
|
||||
if ( (!e.keyCode || (e.keyCode > 46 && e.keyCode < 90)) && $(this).val().length >= opts.limit )
|
||||
return false;
|
||||
});
|
||||
$(this).blur(function(){
|
||||
if ( opts.boxAttach )
|
||||
{
|
||||
$('#'+opts.boxId).fadeOut('fast');
|
||||
}
|
||||
else if ( opts.remTextHideOnBlur )
|
||||
{
|
||||
var limitText = opts.limitText;
|
||||
limitText = limitText.replace(/\%n/g, opts.limit);
|
||||
limitText = limitText.replace(/\%s/g, ( opts.limit == 1?'':'s' ));
|
||||
$('#'+opts.boxId).html(limitText);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.inputlimitor.defaults = {
|
||||
limit: 255,
|
||||
boxAttach: true,
|
||||
boxId: 'limitorBox',
|
||||
boxClass: 'limitorBox',
|
||||
remText: '%n character%s remaining.',
|
||||
remTextHideOnBlur: true,
|
||||
limitTextShow: true,
|
||||
limitText: 'Field limited to %n character%s.'
|
||||
};
|
||||
|
||||
})(jQuery);
|
Reference in New Issue
Block a user