1722 lines
48 KiB
JavaScript
1722 lines
48 KiB
JavaScript
webshims.register('form-shim-extend2', function($, webshims, window, document, undefined, options){
|
|
"use strict";
|
|
var isNumber = function(string){
|
|
return (typeof string == 'number' || (string && string == string * 1));
|
|
};
|
|
var support = webshims.support;
|
|
//support getSetAttribute
|
|
var supportGetSetAttribute = !(('getSetAttribute' in $.support) && !$.support.getSetAttribute);
|
|
//submitbubbles for IE6-IE8
|
|
var supportSubmitBubbles = !('submitBubbles' in $.support) || $.support.submitBubbles;
|
|
var addSubmitBubbles = function(form){
|
|
if (!supportSubmitBubbles && form && typeof form == 'object' && !form._submit_attached ) {
|
|
|
|
$.event.add( form, 'submit._submit', function( event ) {
|
|
event._submit_bubble = true;
|
|
});
|
|
|
|
form._submit_attached = true;
|
|
}
|
|
};
|
|
if(!supportSubmitBubbles && $.event.special.submit){
|
|
|
|
$.event.special.submit.setup = function() {
|
|
// Only need this for delegated form submit events
|
|
if ( $.nodeName( this, "form" ) ) {
|
|
return false;
|
|
}
|
|
|
|
// Lazy-add a submit handler when a descendant form may potentially be submitted
|
|
$.event.add( this, "click._submit keypress._submit", function( e ) {
|
|
// Node name check avoids a VML-related crash in IE (#9807)
|
|
var elem = e.target,
|
|
form = $.nodeName( elem, 'input' ) || $.nodeName( elem, 'button' ) ? $.prop(elem, 'form') : undefined;
|
|
addSubmitBubbles(form);
|
|
|
|
});
|
|
// return undefined since we don't need an event listener
|
|
};
|
|
}
|
|
|
|
webshims.reflectProperties(['input'], ['pattern']);
|
|
|
|
|
|
if( !('maxLength' in document.createElement('textarea')) ){
|
|
var constrainMaxLength = (function(){
|
|
var timer;
|
|
var curLength = 0;
|
|
var lastElement = $([]);
|
|
var max = 1e9;
|
|
var constrainLength = function(){
|
|
var nowValue = lastElement.prop('value');
|
|
var nowLen = nowValue.length;
|
|
if(nowLen > curLength && nowLen > max){
|
|
nowLen = Math.max(curLength, max);
|
|
lastElement.prop('value', nowValue.substr(0, nowLen ));
|
|
}
|
|
curLength = nowLen;
|
|
};
|
|
var remove = function(){
|
|
clearTimeout(timer);
|
|
lastElement.off('.maxlengthconstraint');
|
|
};
|
|
return function(element, maxLength){
|
|
remove();
|
|
if(maxLength > -1){
|
|
max = maxLength;
|
|
curLength = $.prop(element, 'value').length;
|
|
lastElement = $(element);
|
|
lastElement.on({
|
|
'keydown.maxlengthconstraint keypress.maxlengthconstraint paste.maxlengthconstraint cut.maxlengthconstraint': function(e){
|
|
setTimeout(constrainLength, 0);
|
|
},
|
|
'keyup.maxlengthconstraint': constrainLength,
|
|
'blur.maxlengthconstraint': remove
|
|
});
|
|
timer = setInterval(constrainLength, 200);
|
|
}
|
|
};
|
|
})();
|
|
|
|
constrainMaxLength.update = function(element, maxLength){
|
|
if($(element).is(':focus')){
|
|
if(!maxLength){
|
|
maxLength = $.prop(element, 'maxlength');
|
|
}
|
|
constrainMaxLength(element, maxLength);
|
|
}
|
|
};
|
|
|
|
$(document).on('focusin', function(e){
|
|
var maxLength;
|
|
if(e.target.nodeName == "TEXTAREA" && (maxLength = $.prop(e.target, 'maxlength')) > -1){
|
|
constrainMaxLength(e.target, maxLength);
|
|
}
|
|
});
|
|
|
|
webshims.defineNodeNameProperty('textarea', 'maxlength', {
|
|
attr: {
|
|
set: function(val){
|
|
this.setAttribute('maxlength', ''+val);
|
|
constrainMaxLength.update(this);
|
|
},
|
|
get: function(){
|
|
var ret = this.getAttribute('maxlength');
|
|
return ret == null ? undefined : ret;
|
|
}
|
|
},
|
|
prop: {
|
|
set: function(val){
|
|
if(isNumber(val)){
|
|
if(val < 0){
|
|
throw('INDEX_SIZE_ERR');
|
|
}
|
|
val = parseInt(val, 10);
|
|
this.setAttribute('maxlength', val);
|
|
constrainMaxLength.update(this, val);
|
|
return;
|
|
}
|
|
this.setAttribute('maxlength', '0');
|
|
constrainMaxLength.update(this, 0);
|
|
},
|
|
get: function(){
|
|
var val = this.getAttribute('maxlength');
|
|
return (isNumber(val) && val >= 0) ? parseInt(val, 10) : -1;
|
|
|
|
}
|
|
}
|
|
});
|
|
webshims.defineNodeNameProperty('textarea', 'maxLength', {
|
|
prop: {
|
|
set: function(val){
|
|
$.prop(this, 'maxlength', val);
|
|
},
|
|
get: function(){
|
|
return $.prop(this, 'maxlength');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if(!supportGetSetAttribute && $('<form novalidate></form>').attr('novalidate') == null){
|
|
webshims.defineNodeNameProperty('form', 'novalidate', {
|
|
attr: {
|
|
set: function(val){
|
|
this.setAttribute('novalidate', ''+val);
|
|
},
|
|
get: function(){
|
|
var ret = this.getAttribute('novalidate');
|
|
return ret == null ? undefined : ret;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
if(!support.fieldsetdisabled || !support.fieldsetelements){
|
|
(function(){
|
|
if(!support.fieldsetdisabled){
|
|
var hasIsDisabled = 'isDisabled' in document.createElement('div');
|
|
var isFieldsetGroup = {
|
|
fieldset: 1,
|
|
FIELDSET: 1
|
|
};
|
|
var disableElementsSel = 'input, textarea, select, button';
|
|
|
|
var isDisabledChild = function(elem){
|
|
if(hasIsDisabled && !elem.isDisabled){
|
|
return false;
|
|
}
|
|
return $.find.matchesSelector(elem, 'fieldset[disabled] *' );
|
|
};
|
|
var isDisabledChildFilter = hasIsDisabled ?
|
|
function(){
|
|
return this.isDisabled && $.find.matchesSelector(this, 'fieldset[disabled] *' );
|
|
} :
|
|
'fieldset[disabled] *';
|
|
var isEnableChildFilter = hasIsDisabled ?
|
|
function(){
|
|
return !this.isDisabled && !$.find.matchesSelector(this, 'fieldset[disabled] *' );
|
|
} :
|
|
':not(fieldset[disabled] *)';
|
|
|
|
$.extend($.expr[":"], {
|
|
"enabled": function( elem ) {
|
|
return isFieldsetGroup[elem.nodeName] ? (webshims.contentAttr(elem, 'disabled') == null && !isDisabledChild(elem)) : elem.disabled === false;
|
|
},
|
|
|
|
"disabled": function( elem ) {
|
|
return isFieldsetGroup[elem.nodeName] ? (webshims.contentAttr(elem, 'disabled') != null || isDisabledChild(elem)) : elem.disabled === true;
|
|
}
|
|
});
|
|
|
|
|
|
var groupControl = {
|
|
disable: function(){
|
|
if(!this.disabled){
|
|
webshims.data(this, 'groupedisabled', true);
|
|
this.disabled = true;
|
|
}
|
|
},
|
|
enable: function(){
|
|
if(this.disabled && webshims.data(this, 'groupedisabled')){
|
|
webshims.data(this, 'groupedisabled', false);
|
|
this.disabled = false;
|
|
}
|
|
}
|
|
};
|
|
|
|
$(window).on('unload', function(){
|
|
$(disableElementsSel).each(groupControl.enable);
|
|
});
|
|
|
|
webshims.defineNodeNamesBooleanProperty(['fieldset'], 'disabled', {
|
|
set: function(value){
|
|
value = !!value;
|
|
|
|
if(value){
|
|
$(this.querySelectorAll(disableElementsSel)).each(groupControl.disable);
|
|
|
|
} else if(!isDisabledChild(this)){
|
|
var elements = $(this.querySelectorAll(disableElementsSel));
|
|
|
|
if( this.querySelector('fieldset[disabled]') ){
|
|
elements = elements.filter(isEnableChildFilter);
|
|
}
|
|
|
|
elements.each(groupControl.enable);
|
|
}
|
|
},
|
|
initAttr: true,
|
|
useContentAttribute: true
|
|
});
|
|
|
|
['input', 'textarea', 'select', 'button'].forEach(function(nodeName){
|
|
var desc = webshims.defineNodeNameProperty(nodeName, 'disabled', {
|
|
prop: {
|
|
set: function(value){
|
|
if(value){
|
|
webshims.data(this, 'groupedisabled', false);
|
|
desc.prop._supset.call(this, value);
|
|
|
|
} else if(isDisabledChild(this)){
|
|
webshims.data(this, 'groupedisabled', true);
|
|
desc.prop._supset.call(this, true);
|
|
} else {
|
|
webshims.data(this, 'groupedisabled', false);
|
|
desc.prop._supset.call(this, value);
|
|
}
|
|
},
|
|
get: function(){
|
|
var ret = desc.prop._supget.call(this);
|
|
return ret ? !webshims.data(this, 'groupedisabled') : ret;
|
|
}
|
|
},
|
|
removeAttr: {
|
|
value: function(){
|
|
desc.prop.set.call(this, false);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
webshims.addReady(function(context){
|
|
|
|
$(context)
|
|
.filter(isDisabledChildFilter)
|
|
.find(disableElementsSel)
|
|
.each(groupControl.disable)
|
|
;
|
|
});
|
|
}
|
|
|
|
|
|
(function(prop, undefined){
|
|
var isForm = {form: 1, FORM: 1};
|
|
$.prop = function(elem, name, value){
|
|
var ret;
|
|
if(elem && elem.nodeType == 1 && value === undefined && isForm[elem.nodeName] && elem.id){
|
|
ret = document.getElementsByName(name);
|
|
if(!ret || !ret.length){
|
|
ret = document.getElementById(name);
|
|
}
|
|
if(ret){
|
|
ret = $(ret).filter(function(){
|
|
return $.prop(this, 'form') == elem;
|
|
}).get();
|
|
if(ret.length){
|
|
return ret.length == 1 ? ret[0] : ret;
|
|
}
|
|
}
|
|
}
|
|
return prop.apply(this, arguments);
|
|
};
|
|
})($.prop, undefined);
|
|
|
|
var removeAddedElements = function(form){
|
|
var elements = $.data(form, 'webshimsAddedElements');
|
|
if(elements){
|
|
elements.remove();
|
|
$.removeData(form, 'webshimsAddedElements');
|
|
}
|
|
};
|
|
|
|
var getAssociatedForm = function () {
|
|
var form = webshims.contentAttr(this, 'form');
|
|
if(form){
|
|
form = document.getElementById(form);
|
|
if(form && !$.nodeName(form, 'form')){
|
|
form = null;
|
|
}
|
|
}
|
|
return form || this.form;
|
|
};
|
|
webshims.defineNodeNamesProperty(['input', 'textarea', 'select', 'button', 'fieldset'], 'form', {
|
|
prop: {
|
|
get: getAssociatedForm,
|
|
writeable: false
|
|
}
|
|
});
|
|
|
|
webshims.defineNodeNamesProperty(['form'], 'elements', {
|
|
prop: {
|
|
get: function(){
|
|
//TODO: cache + perftest
|
|
var sel, addElements, detachElements, formElements, i, len;
|
|
var id = this.id;
|
|
var elements = [];
|
|
if(id){
|
|
detachElements = $.data(this, 'webshimsAddedElements');
|
|
if(detachElements){
|
|
detachElements.detach();
|
|
}
|
|
}
|
|
|
|
formElements = this.elements;
|
|
|
|
if(this.querySelector('input[form], select[form], textarea[form]')){
|
|
for(i = 0, len = formElements.length; i < len; i++){
|
|
if(getAssociatedForm.call(formElements[i]) == this){
|
|
elements.push(formElements[i]);
|
|
}
|
|
}
|
|
} else {
|
|
elements = $.makeArray(formElements);
|
|
}
|
|
|
|
if(id){
|
|
sel = 'input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"], button[form="'+ id +'"], fieldset[form="'+ id +'"]';
|
|
addElements = document.querySelectorAll(sel) || [];
|
|
if(addElements.length){
|
|
elements = $(elements).add(addElements).get();
|
|
|
|
}
|
|
if(detachElements){
|
|
detachElements.appendTo(this);
|
|
}
|
|
}
|
|
return elements;
|
|
},
|
|
writeable: false
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$(function(){
|
|
var stopPropagation = function(e){
|
|
e.stopPropagation();
|
|
};
|
|
var submitters = {
|
|
image: 1,
|
|
submit: 1
|
|
};
|
|
$(document).on('submit', function(e){
|
|
|
|
if(!e.isDefaultPrevented()){
|
|
var form = e.target;
|
|
var id = form.id;
|
|
var elements;
|
|
|
|
|
|
if(id){
|
|
removeAddedElements(form);
|
|
elements = document.querySelectorAll('input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"]');
|
|
elements = $(elements)
|
|
.filter(function(){
|
|
return !this.disabled && this.name && this.form != form;
|
|
})
|
|
.clone()
|
|
;
|
|
if(elements.length){
|
|
$.data(form, 'webshimsAddedElements', $('<div class="webshims-visual-hide" />').append(elements).appendTo(form));
|
|
setTimeout(function(){
|
|
removeAddedElements(form);
|
|
}, 9);
|
|
}
|
|
elements = null;
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$(document).on('click', function(e){
|
|
if(submitters[e.target.type] && !e.isDefaultPrevented() && webshims.contentAttr(e.target, 'form')){
|
|
var trueForm = $.prop(e.target, 'form');
|
|
var formIn = e.target.form;
|
|
var clone;
|
|
if(trueForm && trueForm != formIn){
|
|
clone = $(e.target)
|
|
.clone()
|
|
.removeAttr('form')
|
|
.addClass('webshims-visual-hide')
|
|
.on('click', stopPropagation)
|
|
.appendTo(trueForm)
|
|
;
|
|
if(formIn){
|
|
e.preventDefault();
|
|
}
|
|
addSubmitBubbles(trueForm);
|
|
clone.trigger('click');
|
|
setTimeout(function(){
|
|
clone.remove();
|
|
clone = null;
|
|
}, 9);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
if(!$.fn.finish && parseFloat($.fn.jquery, 10) < 1.9){
|
|
var rCRLF = /\r?\n/g,
|
|
rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
|
|
rselectTextarea = /^(?:select|textarea)/i;
|
|
$.fn.serializeArray = function() {
|
|
return this.map(function(){
|
|
var elements = $.prop(this, 'elements');
|
|
return elements ? $.makeArray( elements ) : this;
|
|
})
|
|
.filter(function(){
|
|
return this.name && !$(this).is(':disabled') &&
|
|
( this.checked || rselectTextarea.test( this.nodeName ) ||
|
|
rinput.test( this.type ) );
|
|
})
|
|
.map(function( i, elem ){
|
|
var val = $( this ).val();
|
|
|
|
return val == null ?
|
|
null :
|
|
$.isArray( val ) ?
|
|
$.map( val, function( val, i ){
|
|
return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
|
|
}) :
|
|
{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
|
|
}).get();
|
|
};
|
|
}
|
|
|
|
|
|
if(!support.fieldsetelements){
|
|
webshims.defineNodeNamesProperty(['fieldset'], 'elements', {
|
|
prop: {
|
|
get: function(){
|
|
//add listed elements without keygen, object, output
|
|
return this.querySelectorAll('input, select, textarea, button, fieldset') || [];
|
|
},
|
|
writeable: false
|
|
}
|
|
});
|
|
}
|
|
|
|
})();
|
|
}
|
|
|
|
if($('<input />').prop('labels') == null){
|
|
webshims.defineNodeNamesProperty('button, input, keygen, meter, output, progress, select, textarea', 'labels', {
|
|
prop: {
|
|
get: function(){
|
|
if(this.type == 'hidden'){return null;}
|
|
var id = this.id;
|
|
var labels = $(this)
|
|
.closest('label')
|
|
.filter(function(){
|
|
var hFor = (this.attributes['for'] || {});
|
|
return (!hFor.specified || hFor.value == id);
|
|
})
|
|
;
|
|
|
|
if(id) {
|
|
labels = labels.add(document.querySelectorAll('label[for="'+ id +'"]'));
|
|
}
|
|
return labels.get();
|
|
},
|
|
writeable: false
|
|
}
|
|
});
|
|
}
|
|
|
|
if(!('value' in document.createElement('progress'))){
|
|
(function(){
|
|
|
|
var nan = parseInt('NaN', 10);
|
|
|
|
var updateProgress = function(progress){
|
|
var position = $.prop(progress, 'position');
|
|
|
|
$.attr(progress, 'data-position', position);
|
|
$('> span', progress).css({width: (position < 0 ? 100 : position * 100) +'%'});
|
|
};
|
|
var desc = {
|
|
position: {
|
|
prop: {
|
|
get: function(){
|
|
var max;
|
|
//jQuery 1.8.x try's to normalize "0" to 0
|
|
var val = this.getAttribute('value');
|
|
var ret = -1;
|
|
|
|
val = val ? (val * 1) : nan;
|
|
if(!isNaN(val)){
|
|
max = $.prop(this, 'max');
|
|
ret = Math.max(Math.min(val / max, 1), 0);
|
|
if(updateProgress.isInChange){
|
|
$.attr(this, 'aria-valuenow', ret * 100);
|
|
if(updateProgress.isInChange == 'max'){
|
|
$.attr(this, 'aria-valuemax', max);
|
|
}
|
|
}
|
|
$(this).removeClass('ws-indeterminate');
|
|
} else if(updateProgress.isInChange) {
|
|
$(this).removeAttr('aria-valuenow').addClass('ws-indeterminate');
|
|
}
|
|
return ret;
|
|
},
|
|
writeable: false
|
|
}
|
|
}
|
|
};
|
|
|
|
$.each({value: 0, max: 1}, function(name, defValue){
|
|
var removeProp = (name == 'value' && !$.fn.finish);
|
|
desc[name] = {
|
|
attr: {
|
|
set: function(value){
|
|
var ret = desc[name].attr._supset.call(this, value);
|
|
updateProgress.isInChange = name;
|
|
updateProgress(this);
|
|
updateProgress.isInChange = false;
|
|
return ret;
|
|
}
|
|
},
|
|
removeAttr: {
|
|
value: function(){
|
|
this.removeAttribute(name);
|
|
if(removeProp){
|
|
try {
|
|
delete this.value;
|
|
} catch(er){}
|
|
}
|
|
updateProgress.isInChange = name;
|
|
updateProgress(this);
|
|
updateProgress.isInChange = false;
|
|
}
|
|
},
|
|
prop: {
|
|
get: function(){
|
|
var max;
|
|
var ret = (desc[name].attr.get.call(this) * 1);
|
|
if(ret < 0 || isNaN(ret)){
|
|
ret = defValue;
|
|
} else if(name == 'value'){
|
|
ret = Math.min(ret, $.prop(this, 'max'));
|
|
} else if(ret === 0){
|
|
ret = defValue;
|
|
}
|
|
return ret;
|
|
},
|
|
set: function(value){
|
|
value = value * 1;
|
|
if(isNaN(value)){
|
|
webshims.error('Floating-point value is not finite.');
|
|
}
|
|
return desc[name].attr.set.call(this, value);
|
|
}
|
|
}
|
|
};
|
|
});
|
|
|
|
webshims.createElement(
|
|
'progress',
|
|
function(){
|
|
var labels = $(this)
|
|
.attr({role: 'progressbar', 'aria-valuemin': '0'})
|
|
.html('<span class="progress-value" />')
|
|
.jProp('labels')
|
|
.map(function(){
|
|
return webshims.getID(this);
|
|
})
|
|
.get()
|
|
;
|
|
if(labels.length){
|
|
$.attr(this, 'aria-labelledby', labels.join(' '));
|
|
} else {
|
|
webshims.info("you should use label elements for your prgogress elements");
|
|
}
|
|
$(this).addClass('ws-style');
|
|
if($(this).css('direction') == 'rtl'){
|
|
$(this).addClass('ws-is-rtl');
|
|
}
|
|
updateProgress.isInChange = 'max';
|
|
updateProgress(this);
|
|
updateProgress.isInChange = false;
|
|
},
|
|
desc
|
|
);
|
|
|
|
})();
|
|
}
|
|
|
|
if(!('setSelectionRange' in document.createElement('input'))){
|
|
(function(){
|
|
var getSelection = function(elem, getStart){
|
|
var range, value, normalizedValue, textInputRange, len, endRange;
|
|
var start = 0;
|
|
var end = 0;
|
|
if (document.selection && (range = document.selection.createRange()) && range.parentElement() == elem) {
|
|
value = $.prop(elem, 'value');
|
|
len = value.length;
|
|
normalizedValue = value.replace(/\r\n/g, "\n");
|
|
|
|
textInputRange = elem.createTextRange();
|
|
textInputRange.moveToBookmark(range.getBookmark());
|
|
|
|
|
|
endRange = elem.createTextRange();
|
|
endRange.collapse(false);
|
|
|
|
if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
|
|
start = end = len;
|
|
} else {
|
|
if(getStart){
|
|
start = -textInputRange.moveStart("character", -len);
|
|
start += normalizedValue.slice(0, start).split("\n").length - 1;
|
|
} else {
|
|
if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
|
|
end = len;
|
|
} else {
|
|
end = -textInputRange.moveEnd("character", -len);
|
|
end += normalizedValue.slice(0, end).split("\n").length - 1;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
return {
|
|
start: start,
|
|
end: end
|
|
};
|
|
};
|
|
|
|
['input', 'textarea'].forEach(function(name){
|
|
var isTextarea = name == 'textarea';
|
|
//email?
|
|
var allowedTypes = {text: 1, search: 1, url: 1, tel: 1, password: 1, email: 1};
|
|
var error = 'InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable. selection not allowed on this type';
|
|
webshims.defineNodeNameProperties(name, {
|
|
selectionStart: {
|
|
get: function(){
|
|
if(isTextarea || allowedTypes[$.prop(this, 'type')]){
|
|
return getSelection(this, true).start;
|
|
}
|
|
webshims.error(error);
|
|
},
|
|
set: function(v){
|
|
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
|
|
var range = this.createTextRange();
|
|
range.collapse(true);
|
|
range.moveStart('character', v);
|
|
range.moveEnd('character', $.prop(this, 'selectionEnd'));
|
|
if($(this).is(':focus')){
|
|
range.select();
|
|
}
|
|
} else {
|
|
webshims.error(error);
|
|
}
|
|
}
|
|
},
|
|
selectionEnd: {
|
|
get: function(){
|
|
if(isTextarea || allowedTypes[$.prop(this, 'type')]){
|
|
return getSelection(this).end;
|
|
}
|
|
webshims.error(error);
|
|
},
|
|
set: function(v){
|
|
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
|
|
var range = this.createTextRange();
|
|
var start;
|
|
range.collapse(true);
|
|
start = getSelection(this, true).start;
|
|
range.moveStart('character', start);
|
|
range.moveEnd('character', v - start);
|
|
if($(this).is(':focus')){
|
|
range.select();
|
|
}
|
|
} else {
|
|
webshims.error(error);
|
|
}
|
|
}
|
|
},
|
|
setSelectionRange: {
|
|
value: function(start, end, dir){
|
|
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
|
|
var range = this.createTextRange();
|
|
range.collapse(true);
|
|
range.moveStart('character', start);
|
|
range.moveEnd('character', end - start);
|
|
if($(this).is(':focus')){
|
|
range.select();
|
|
}
|
|
} else {
|
|
webshims.error(error);
|
|
}
|
|
}
|
|
}
|
|
}, 'prop');
|
|
});
|
|
|
|
})();
|
|
}
|
|
|
|
(function(){
|
|
if(options.noPlaceholderPolyfill){return;}
|
|
var bustedPlaceholder;
|
|
support.textareaPlaceholder = !!('placeholder' in $('<textarea />')[0]);
|
|
support.placeholder = !!('placeholder' in $('<input />')[0]);
|
|
|
|
if(support.placeholder && options.overridePlaceholder){
|
|
bustedPlaceholder = true;
|
|
}
|
|
if(support.placeholder && support.textareaPlaceholder && !bustedPlaceholder){
|
|
(function(){
|
|
var ua = navigator.userAgent;
|
|
|
|
if(ua.indexOf('Mobile') != -1 && ua.indexOf('Safari') != -1){
|
|
$(window).on('orientationchange', (function(){
|
|
var timer;
|
|
var retVal = function(i, value){
|
|
return value;
|
|
};
|
|
|
|
var set = function(){
|
|
$('input[placeholder], textarea[placeholder]').attr('placeholder', retVal);
|
|
};
|
|
return function(e){
|
|
clearTimeout(timer);
|
|
timer = setTimeout(set, 9);
|
|
};
|
|
})());
|
|
}
|
|
})();
|
|
|
|
//abort
|
|
return;
|
|
}
|
|
|
|
var isOver = (webshims.cfg.forms.placeholderType == 'over');
|
|
var isResponsive = (webshims.cfg.forms.responsivePlaceholder);
|
|
var polyfillElements = ['textarea'];
|
|
if(!support.placeholder || bustedPlaceholder){
|
|
polyfillElements.push('input');
|
|
}
|
|
|
|
var setSelection = function(elem){
|
|
try {
|
|
$(elem).setSelectionRange(0,0);
|
|
return true;
|
|
} catch(er){}
|
|
};
|
|
|
|
var hidePlaceholder = function(elem, data, value, _onFocus){
|
|
if(value === false){
|
|
value = $.prop(elem, 'value');
|
|
}
|
|
|
|
if(!isOver && elem.type != 'password'){
|
|
if(!value && _onFocus && setSelection(elem)){
|
|
var selectTimer = setTimeout(function(){
|
|
setSelection(elem);
|
|
}, 9);
|
|
$(elem)
|
|
.off('.placeholderremove')
|
|
.on({
|
|
'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
|
|
if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
|
|
elem.value = $.prop(elem, 'value');
|
|
data.box.removeClass('placeholder-visible');
|
|
clearTimeout(selectTimer);
|
|
$(elem).off('.placeholderremove');
|
|
},
|
|
'mousedown.placeholderremove drag.placeholderremove select.placeholderremove': function(e){
|
|
setSelection(elem);
|
|
clearTimeout(selectTimer);
|
|
selectTimer = setTimeout(function(){
|
|
setSelection(elem);
|
|
}, 9);
|
|
},
|
|
'blur.placeholderremove': function(){
|
|
clearTimeout(selectTimer);
|
|
$(elem).off('.placeholderremove');
|
|
}
|
|
})
|
|
;
|
|
return;
|
|
} else if(!_onFocus && !value && elem.value){ //especially on submit
|
|
elem.value = value;
|
|
}
|
|
} else if(!value && _onFocus){
|
|
$(elem)
|
|
.off('.placeholderremove')
|
|
.on({
|
|
'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
|
|
if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
|
|
data.box.removeClass('placeholder-visible');
|
|
$(elem).off('.placeholderremove');
|
|
},
|
|
'blur.placeholderremove': function(){
|
|
$(elem).off('.placeholderremove');
|
|
}
|
|
})
|
|
;
|
|
return;
|
|
}
|
|
data.box.removeClass('placeholder-visible');
|
|
},
|
|
showPlaceholder = function(elem, data, placeholderTxt){
|
|
if(placeholderTxt === false){
|
|
placeholderTxt = $.prop(elem, 'placeholder');
|
|
}
|
|
|
|
if(!isOver && elem.type != 'password'){
|
|
elem.value = placeholderTxt;
|
|
}
|
|
data.box.addClass('placeholder-visible');
|
|
},
|
|
changePlaceholderVisibility = function(elem, value, placeholderTxt, data, type){
|
|
if(!data){
|
|
data = $.data(elem, 'placeHolder');
|
|
if(!data){return;}
|
|
}
|
|
var isVisible = $(elem).hasClass('placeholder-visible');
|
|
if(placeholderTxt === false){
|
|
placeholderTxt = $.attr(elem, 'placeholder') || '';
|
|
}
|
|
|
|
$(elem).off('.placeholderremove');
|
|
|
|
if(value === false){
|
|
value = $.prop(elem, 'value');
|
|
}
|
|
|
|
if(!value && (type == 'focus' || (!type && $(elem).is(':focus')))){
|
|
if(elem.type == 'password' || isOver || isVisible){
|
|
hidePlaceholder(elem, data, '', true);
|
|
}
|
|
return;
|
|
}
|
|
|
|
if(value){
|
|
hidePlaceholder(elem, data, value);
|
|
return;
|
|
}
|
|
|
|
if(placeholderTxt && !value){
|
|
showPlaceholder(elem, data, placeholderTxt);
|
|
} else {
|
|
hidePlaceholder(elem, data, value);
|
|
}
|
|
},
|
|
createPlaceholder = function(){
|
|
return $('<span class="placeholder-text"></span>');
|
|
},
|
|
pHolder = (function(){
|
|
var allowedPlaceholder = {
|
|
text: 1,
|
|
search: 1,
|
|
url: 1,
|
|
email: 1,
|
|
password: 1,
|
|
tel: 1,
|
|
number: 1
|
|
}
|
|
;
|
|
if(webshims.modules["form-number-date-ui"].loaded){
|
|
delete allowedPlaceholder.number;
|
|
}
|
|
|
|
return {
|
|
create: function(elem){
|
|
var data = $.data(elem, 'placeHolder');
|
|
var form;
|
|
if(data){return data;}
|
|
data = $.data(elem, 'placeHolder', {});
|
|
|
|
$(elem).on('focus.placeholder blur.placeholder', function(e){
|
|
changePlaceholderVisibility(this, false, false, data, e.type );
|
|
data.box[e.type == 'focus' ? 'addClass' : 'removeClass']('placeholder-focused');
|
|
});
|
|
|
|
if((form = $.prop(elem, 'form'))){
|
|
$(elem).onWSOff('reset.placeholder', function(e){
|
|
setTimeout(function(){
|
|
changePlaceholderVisibility(elem, false, false, data, e.type );
|
|
}, 0);
|
|
}, false, form);
|
|
}
|
|
|
|
if(elem.type == 'password' || isOver){
|
|
data.text = createPlaceholder(elem);
|
|
if(isResponsive || $(elem).hasClass('responsive-width') || (elem.currentStyle || {width: ''}).width.indexOf('%') != -1){
|
|
data.box = data.text;
|
|
} else {
|
|
data.box = $('<span class="placeholder-box placeholder-box-'+ (elem.nodeName || '').toLowerCase() +' placeholder-box-'+$.css(elem, 'float')+'" />')
|
|
.insertAfter(elem)
|
|
;
|
|
data.box.append(elem);
|
|
}
|
|
data.text
|
|
.insertAfter(elem)
|
|
.on('mousedown.placeholder', function(){
|
|
changePlaceholderVisibility(this, false, false, data, 'focus');
|
|
try {
|
|
setTimeout(function(){
|
|
elem.focus();
|
|
}, 0);
|
|
} catch(e){}
|
|
return false;
|
|
})
|
|
;
|
|
|
|
|
|
$.each(['lineHeight', 'fontSize', 'fontFamily', 'fontWeight'], function(i, style){
|
|
var prop = $.css(elem, style);
|
|
if(data.text.css(style) != prop){
|
|
data.text.css(style, prop);
|
|
}
|
|
});
|
|
$.each(['Left', 'Top'], function(i, side){
|
|
var size = (parseInt($.css(elem, 'padding'+ side), 10) || 0) + Math.max((parseInt($.css(elem, 'margin'+ side), 10) || 0), 0) + (parseInt($.css(elem, 'border'+ side +'Width'), 10) || 0);
|
|
data.text.css('padding'+ side, size);
|
|
});
|
|
|
|
$(elem)
|
|
.onWSOff('updateshadowdom', (function(){
|
|
var lastWidth, init, timer;
|
|
var jelm = $(elem);
|
|
var lastPos = {};
|
|
return function(){
|
|
var width, fn;
|
|
|
|
if((width = elem.offsetWidth)){
|
|
|
|
fn = function(){
|
|
var pos = jelm.position();
|
|
if(width !== lastWidth){
|
|
lastWidth = width;
|
|
data.text[0].style.width = width +'px';
|
|
}
|
|
if(pos.top !== lastPos.top || pos.left !== lastPos.left){
|
|
lastPos = pos;
|
|
data.text[0].style.top = pos.top +'px';
|
|
data.text[0].style.left = pos.left +'px';
|
|
}
|
|
};
|
|
if(!init){
|
|
fn();
|
|
init = true;
|
|
} else {
|
|
clearTimeout(timer);
|
|
timer = setTimeout(fn, 99);
|
|
}
|
|
}
|
|
};
|
|
})(), true)
|
|
;
|
|
|
|
} else {
|
|
var reset = function(e){
|
|
if($(elem).hasClass('placeholder-visible')){
|
|
hidePlaceholder(elem, data, '');
|
|
|
|
setTimeout(function(){
|
|
if(!e || e.type != 'submit' || e.isDefaultPrevented()){
|
|
changePlaceholderVisibility(elem, false, false, data );
|
|
}
|
|
}, 9);
|
|
}
|
|
};
|
|
|
|
$(elem).onWSOff('beforeunload', reset, false, window);
|
|
data.box = $(elem);
|
|
if(form){
|
|
$(elem).onWSOff('submit', reset, false, form);
|
|
}
|
|
}
|
|
|
|
return data;
|
|
},
|
|
update: function(elem, val){
|
|
var type = ($.attr(elem, 'type') || $.prop(elem, 'type') || '').toLowerCase();
|
|
if(!allowedPlaceholder[type] && !$.nodeName(elem, 'textarea')){
|
|
webshims.warn('placeholder not allowed on input[type="'+type+'"], but it is a good fallback :-)');
|
|
return;
|
|
}
|
|
|
|
|
|
var data = pHolder.create(elem);
|
|
if(data.text){
|
|
data.text.text(val);
|
|
}
|
|
|
|
changePlaceholderVisibility(elem, false, val, data);
|
|
}
|
|
};
|
|
})()
|
|
;
|
|
|
|
$.webshims.publicMethods = {
|
|
pHolder: pHolder
|
|
};
|
|
polyfillElements.forEach(function(nodeName){
|
|
webshims.defineNodeNameProperty(nodeName, 'placeholder', {
|
|
attr: {
|
|
set: function(val){
|
|
var elem = this;
|
|
if(bustedPlaceholder){
|
|
webshims.data(elem, 'bustedPlaceholder', val);
|
|
elem.placeholder = '';
|
|
} else {
|
|
webshims.contentAttr(elem, 'placeholder', val);
|
|
}
|
|
pHolder.update(elem, val);
|
|
},
|
|
get: function(){
|
|
var placeholder;
|
|
if(bustedPlaceholder){
|
|
placeholder = webshims.data(this, 'bustedPlaceholder');
|
|
}
|
|
return placeholder || webshims.contentAttr(this, 'placeholder');
|
|
}
|
|
},
|
|
reflect: true,
|
|
initAttr: true
|
|
});
|
|
});
|
|
|
|
|
|
polyfillElements.forEach(function(name){
|
|
var placeholderValueDesc = {};
|
|
var desc;
|
|
['attr', 'prop'].forEach(function(propType){
|
|
placeholderValueDesc[propType] = {
|
|
set: function(val){
|
|
var elem = this;
|
|
var placeholder;
|
|
if(bustedPlaceholder){
|
|
placeholder = webshims.data(elem, 'bustedPlaceholder');
|
|
}
|
|
if(!placeholder){
|
|
placeholder = webshims.contentAttr(elem, 'placeholder');
|
|
}
|
|
$.removeData(elem, 'cachedValidity');
|
|
var ret = desc[propType]._supset.call(elem, val);
|
|
if(placeholder && 'value' in elem){
|
|
changePlaceholderVisibility(elem, val, placeholder);
|
|
}
|
|
return ret;
|
|
},
|
|
get: function(){
|
|
var placeholder;
|
|
var elem = this;
|
|
var curValue;
|
|
|
|
if($(elem).hasClass('placeholder-visible')){
|
|
if(webshims.cfg.debug && (curValue = desc[propType]._supget.call(elem)) && (placeholder = $.attr(elem, 'placeholder')) && placeholder != curValue){
|
|
webshims.error('value input[placeholder] was changed by input.value instead using $.val or $.prop.');
|
|
changePlaceholderVisibility(elem, curValue, placeholder);
|
|
} else {
|
|
curValue = '';
|
|
}
|
|
} else {
|
|
curValue = desc[propType]._supget.call(elem);
|
|
}
|
|
return curValue;
|
|
}
|
|
};
|
|
});
|
|
desc = webshims.defineNodeNameProperty(name, 'value', placeholderValueDesc);
|
|
});
|
|
|
|
})();
|
|
|
|
(function(){
|
|
var doc = document;
|
|
if( 'value' in document.createElement('output') ){return;}
|
|
|
|
webshims.defineNodeNameProperty('output', 'value', {
|
|
prop: {
|
|
set: function(value){
|
|
var setVal = $.data(this, 'outputShim');
|
|
if(!setVal){
|
|
setVal = outputCreate(this);
|
|
}
|
|
setVal(value);
|
|
},
|
|
get: function(){
|
|
return webshims.contentAttr(this, 'value') || $(this).text() || '';
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
webshims.onNodeNamesPropertyModify('input', 'value', function(value, boolVal, type){
|
|
if(type == 'removeAttr'){return;}
|
|
var setVal = $.data(this, 'outputShim');
|
|
if(setVal){
|
|
setVal(value);
|
|
}
|
|
});
|
|
|
|
var outputCreate = function(elem){
|
|
if($.data(elem, 'outputShim')){return;}
|
|
elem = $(elem);
|
|
var value = (elem.text() || '').trim();
|
|
var id = elem.prop('id');
|
|
var htmlFor = elem.attr('for');
|
|
var shim = $('<input class="output-shim" type="text" disabled name="'+ (elem.attr('name') || '')+'" value="'+value+'" style="display: none !important;" />').insertAfter(elem);
|
|
var setValue = function(val){
|
|
shim[0].value = val;
|
|
val = shim[0].value;
|
|
elem.text(val);
|
|
webshims.contentAttr(elem[0], 'value', val);
|
|
};
|
|
|
|
elem[0].defaultValue = value;
|
|
webshims.contentAttr(elem[0], 'value', value);
|
|
|
|
elem.attr({'aria-live': 'polite'});
|
|
|
|
if(id){
|
|
shim.attr('id', id);
|
|
elem.attr('aria-labelledby', elem.jProp('labels').map(function(){
|
|
return webshims.getID(this);
|
|
}).get().join(' '));
|
|
}
|
|
if(htmlFor){
|
|
id = webshims.getID(elem);
|
|
htmlFor.split(' ').forEach(function(control){
|
|
control = document.getElementById(control);
|
|
if(control){
|
|
control.setAttribute('aria-controls', id);
|
|
}
|
|
});
|
|
}
|
|
elem.data('outputShim', setValue );
|
|
shim.data('outputShim', setValue );
|
|
return setValue;
|
|
};
|
|
|
|
webshims.addReady(function(context, contextElem){
|
|
$(context.getElementsByTagName('output')).add(contextElem.filter('output')).each(function(){
|
|
outputCreate(this);
|
|
});
|
|
});
|
|
|
|
/*
|
|
* Implements input event in all browsers
|
|
*/
|
|
(function(){
|
|
var noInputTriggerEvts = {updateInput: 1, input: 1},
|
|
noInputTypes = {
|
|
radio: 1,
|
|
checkbox: 1,
|
|
submit: 1,
|
|
button: 1,
|
|
image: 1,
|
|
reset: 1,
|
|
file: 1
|
|
|
|
//pro forma
|
|
,color: 1
|
|
},
|
|
inputElements = {
|
|
input: 1,
|
|
INPUT: 1,
|
|
textarea: 1,
|
|
TEXTAREA: 1
|
|
},
|
|
timer,
|
|
lastVal,
|
|
input,
|
|
trigger = function(e){
|
|
if(!input){return;}
|
|
var newVal = input.prop('value');
|
|
if(newVal !== lastVal){
|
|
lastVal = newVal;
|
|
if(!e || !noInputTriggerEvts[e.type]){
|
|
webshims.triggerInlineForm && webshims.triggerInlineForm(input[0], 'input');
|
|
}
|
|
}
|
|
},
|
|
extraTimer,
|
|
extraTest = function(){
|
|
clearTimeout(extraTimer);
|
|
extraTimer = setTimeout(trigger, 9);
|
|
},
|
|
unbind = function(){
|
|
clearTimeout(extraTimer);
|
|
clearInterval(timer);
|
|
if(input){
|
|
input.off('focusout', unbind).off('keyup keypress keydown paste cut', extraTest).off('input change updateInput triggerinput', trigger);
|
|
}
|
|
|
|
|
|
}
|
|
;
|
|
var observe = function(newInput){
|
|
unbind();
|
|
|
|
input = newInput;
|
|
lastVal = input.prop('value');
|
|
clearInterval(timer);
|
|
timer = setInterval(trigger, 200);
|
|
extraTest();
|
|
input.on({
|
|
'keyup keypress keydown paste cut': extraTest,
|
|
'focusout wswidgetfocusout': unbind,
|
|
'input updateInput change triggerinput': trigger
|
|
});
|
|
};
|
|
|
|
$(doc)
|
|
.on('focusin wswidgetfocusin', function(e){
|
|
if( e.target && !e.target.readOnly && !e.target.disabled && inputElements[e.target.nodeName] && !noInputTypes[e.target.type] && !(webshims.data(e.target, 'implemented') || {}).inputwidgets){
|
|
observe($(e.target));
|
|
}
|
|
})
|
|
;
|
|
})();
|
|
})();
|
|
|
|
|
|
});
|
|
;webshim.register('filereader', function($, webshim, window, document, undefined, featureOptions){
|
|
"use strict";
|
|
var mOxie, moxie, hasXDomain;
|
|
var FormData = $.noop;
|
|
var sel = 'input[type="file"].ws-filereader';
|
|
var loadMoxie = function (){
|
|
webshim.loader.loadList(['moxie']);
|
|
};
|
|
var _createFilePicker = function(){
|
|
var $input, picker, $parent, onReset;
|
|
var input = this;
|
|
|
|
if(webshim.implement(input, 'filepicker')){
|
|
|
|
input = this;
|
|
$input = $(this);
|
|
$parent = $input.parent();
|
|
onReset = function(){
|
|
if(!input.value){
|
|
$input.prop('value', '');
|
|
}
|
|
};
|
|
|
|
$input.attr('tabindex', '-1').on('mousedown.filereaderwaiting click.filereaderwaiting', false);
|
|
$parent.addClass('ws-loading');
|
|
picker = new mOxie.FileInput({
|
|
browse_button: this,
|
|
accept: $.prop(this, 'accept'),
|
|
multiple: $.prop(this, 'multiple')
|
|
});
|
|
|
|
$input.jProp('form').on('reset', function(){
|
|
setTimeout(onReset);
|
|
});
|
|
picker.onready = function(){
|
|
$input.off('.fileraderwaiting');
|
|
$parent.removeClass('ws-waiting');
|
|
};
|
|
|
|
picker.onchange = function(e){
|
|
webshim.data(input, 'fileList', e.target.files);
|
|
$input.trigger('change');
|
|
};
|
|
picker.onmouseenter = function(){
|
|
$input.trigger('mouseover');
|
|
$parent.addClass('ws-mouseenter');
|
|
};
|
|
picker.onmouseleave = function(){
|
|
$input.trigger('mouseout');
|
|
$parent.removeClass('ws-mouseenter');
|
|
};
|
|
picker.onmousedown = function(){
|
|
$input.trigger('mousedown');
|
|
$parent.addClass('ws-active');
|
|
};
|
|
picker.onmouseup = function(){
|
|
$input.trigger('mouseup');
|
|
$parent.removeClass('ws-active');
|
|
};
|
|
|
|
webshim.data(input, 'filePicker', picker);
|
|
|
|
webshim.ready('WINDOWLOAD', function(){
|
|
var lastWidth;
|
|
$input.onWSOff('updateshadowdom', function(){
|
|
var curWitdth = input.offsetWidth;
|
|
if(curWitdth && lastWidth != curWitdth){
|
|
lastWidth = curWitdth;
|
|
picker.refresh();
|
|
}
|
|
});
|
|
});
|
|
|
|
webshim.addShadowDom();
|
|
|
|
picker.init();
|
|
if(input.disabled){
|
|
picker.disable(true);
|
|
}
|
|
}
|
|
};
|
|
var getFileNames = function(file){
|
|
return file.name;
|
|
};
|
|
var createFilePicker = function(){
|
|
var elem = this;
|
|
loadMoxie();
|
|
$(elem)
|
|
.on('mousedown.filereaderwaiting click.filereaderwaiting', false)
|
|
.parent()
|
|
.addClass('ws-loading')
|
|
;
|
|
webshim.ready('moxie', function(){
|
|
createFilePicker.call(elem);
|
|
});
|
|
};
|
|
var noxhr = /^(?:script|jsonp)$/i;
|
|
var notReadyYet = function(){
|
|
loadMoxie();
|
|
webshim.error('filereader/formdata not ready yet. please wait for moxie to load `webshim.ready("moxie", callbackFn);`` or wait for the first change event on input[type="file"].ws-filereader.')
|
|
};
|
|
var inputValueDesc = webshim.defineNodeNameProperty('input', 'value', {
|
|
prop: {
|
|
get: function(){
|
|
var fileList = webshim.data(this, 'fileList');
|
|
|
|
if(fileList && fileList.map){
|
|
return fileList.map(getFileNames).join(', ');
|
|
}
|
|
|
|
return inputValueDesc.prop._supget.call(this);
|
|
}
|
|
}
|
|
}
|
|
);
|
|
var shimMoxiePath = webshim.cfg.basePath+'moxie/';
|
|
var crossXMLMessage = 'You nedd a crossdomain.xml to get all "filereader" / "XHR2" / "CORS" features to work. Or host moxie.swf/moxie.xap on your server an configure filereader options: "swfpath"/"xappath"';
|
|
var testMoxie = function(options){
|
|
return (options.wsType == 'moxie' || (options.data && options.data instanceof mOxie.FormData) || (options.crossDomain && $.support.cors !== false && hasXDomain != 'no' && !noxhr.test(options.dataType || '')));
|
|
};
|
|
var createMoxieTransport = function (options){
|
|
|
|
if(testMoxie(options)){
|
|
var ajax;
|
|
webshim.info('moxie transfer used for $.ajax');
|
|
if(hasXDomain == 'no'){
|
|
webshim.error(crossXMLMessage);
|
|
}
|
|
return {
|
|
send: function( headers, completeCallback ) {
|
|
|
|
var proressEvent = function(obj, name){
|
|
if(options[name]){
|
|
var called = false;
|
|
ajax.addEventListener('load', function(e){
|
|
if(!called){
|
|
options[name]({type: 'progress', lengthComputable: true, total: 1, loaded: 1});
|
|
} else if(called.lengthComputable && called.total > called.loaded){
|
|
options[name]({type: 'progress', lengthComputable: true, total: called.total, loaded: called.total});
|
|
}
|
|
});
|
|
obj.addEventListener('progress', function(e){
|
|
called = e;
|
|
options[name](e);
|
|
});
|
|
}
|
|
};
|
|
ajax = new moxie.xhr.XMLHttpRequest();
|
|
|
|
ajax.open(options.type, options.url, options.async, options.username, options.password);
|
|
|
|
proressEvent(ajax.upload, featureOptions.uploadprogress);
|
|
proressEvent(ajax.upload, featureOptions.progress);
|
|
|
|
ajax.addEventListener('load', function(e){
|
|
var responses = {
|
|
text: ajax.responseText,
|
|
xml: ajax.responseXML
|
|
};
|
|
completeCallback(ajax.status, ajax.statusText, responses, ajax.getAllResponseHeaders());
|
|
});
|
|
|
|
if(options.xhrFields && options.xhrFields.withCredentials){
|
|
ajax.withCredentials = true;
|
|
}
|
|
|
|
if(options.timeout){
|
|
ajax.timeout = options.timeout;
|
|
}
|
|
|
|
$.each(headers, function(name, value){
|
|
ajax.setRequestHeader(name, value);
|
|
});
|
|
|
|
|
|
ajax.send(options.data);
|
|
|
|
},
|
|
abort: function() {
|
|
if(ajax){
|
|
ajax.abort();
|
|
}
|
|
}
|
|
};
|
|
}
|
|
};
|
|
var transports = {
|
|
//based on script: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest
|
|
xdomain: (function(){
|
|
var httpRegEx = /^https?:\/\//i;
|
|
var getOrPostRegEx = /^get|post$/i;
|
|
var sameSchemeRegEx = new RegExp('^'+location.protocol, 'i');
|
|
return function(options, userOptions, jqXHR) {
|
|
|
|
// Only continue if the request is: asynchronous, uses GET or POST method, has HTTP or HTTPS protocol, and has the same scheme as the calling page
|
|
if (!options.crossDomain || options.username || (options.xhrFields && options.xhrFields.withCredentials) || !options.async || !getOrPostRegEx.test(options.type) || !httpRegEx.test(options.url) || !sameSchemeRegEx.test(options.url) || (options.data && options.data instanceof mOxie.FormData) || noxhr.test(options.dataType || '')) {
|
|
return;
|
|
}
|
|
|
|
var xdr = null;
|
|
webshim.info('xdomain transport used.');
|
|
|
|
return {
|
|
send: function(headers, complete) {
|
|
var postData = '';
|
|
var userType = (userOptions.dataType || '').toLowerCase();
|
|
|
|
xdr = new XDomainRequest();
|
|
if (/^\d+$/.test(userOptions.timeout)) {
|
|
xdr.timeout = userOptions.timeout;
|
|
}
|
|
|
|
xdr.ontimeout = function() {
|
|
complete(500, 'timeout');
|
|
};
|
|
|
|
xdr.onload = function() {
|
|
var allResponseHeaders = 'Content-Length: ' + xdr.responseText.length + '\r\nContent-Type: ' + xdr.contentType;
|
|
var status = {
|
|
code: xdr.status || 200,
|
|
message: xdr.statusText || 'OK'
|
|
};
|
|
var responses = {
|
|
text: xdr.responseText,
|
|
xml: xdr.responseXML
|
|
};
|
|
try {
|
|
if (userType === 'html' || /text\/html/i.test(xdr.contentType)) {
|
|
responses.html = xdr.responseText;
|
|
} else if (userType === 'json' || (userType !== 'text' && /\/json/i.test(xdr.contentType))) {
|
|
try {
|
|
responses.json = $.parseJSON(xdr.responseText);
|
|
} catch(e) {
|
|
|
|
}
|
|
} else if (userType === 'xml' && !xdr.responseXML) {
|
|
var doc;
|
|
try {
|
|
doc = new ActiveXObject('Microsoft.XMLDOM');
|
|
doc.async = false;
|
|
doc.loadXML(xdr.responseText);
|
|
} catch(e) {
|
|
|
|
}
|
|
|
|
responses.xml = doc;
|
|
}
|
|
} catch(parseMessage) {}
|
|
complete(status.code, status.message, responses, allResponseHeaders);
|
|
};
|
|
|
|
// set an empty handler for 'onprogress' so requests don't get aborted
|
|
xdr.onprogress = function(){};
|
|
xdr.onerror = function() {
|
|
complete(500, 'error', {
|
|
text: xdr.responseText
|
|
});
|
|
};
|
|
|
|
if (userOptions.data) {
|
|
postData = ($.type(userOptions.data) === 'string') ? userOptions.data : $.param(userOptions.data);
|
|
}
|
|
xdr.open(options.type, options.url);
|
|
xdr.send(postData);
|
|
},
|
|
abort: function() {
|
|
if (xdr) {
|
|
xdr.abort();
|
|
}
|
|
}
|
|
};
|
|
};
|
|
})(),
|
|
moxie: function (options, originalOptions, jqXHR){
|
|
if(testMoxie(options)){
|
|
loadMoxie(options);
|
|
var ajax;
|
|
|
|
var tmpTransport = {
|
|
send: function( headers, completeCallback ) {
|
|
ajax = true;
|
|
webshim.ready('moxie', function(){
|
|
if(ajax){
|
|
ajax = createMoxieTransport(options, originalOptions, jqXHR);
|
|
tmpTransport.send = ajax.send;
|
|
tmpTransport.abort = ajax.abort;
|
|
ajax.send(headers, completeCallback);
|
|
}
|
|
});
|
|
},
|
|
abort: function() {
|
|
ajax = false;
|
|
}
|
|
};
|
|
return tmpTransport;
|
|
}
|
|
}
|
|
};
|
|
|
|
if(!featureOptions.progress){
|
|
featureOptions.progress = 'onprogress';
|
|
}
|
|
|
|
if(!featureOptions.uploadprogress){
|
|
featureOptions.uploadprogress = 'onuploadprogress';
|
|
}
|
|
|
|
if(!featureOptions.swfpath){
|
|
featureOptions.swfpath = shimMoxiePath+'flash/Moxie.min.swf';
|
|
}
|
|
if(!featureOptions.xappath){
|
|
featureOptions.xappath = shimMoxiePath+'silverlight/Moxie.min.xap';
|
|
}
|
|
|
|
if($.support.cors !== false || !window.XDomainRequest){
|
|
delete transports.xdomain;
|
|
}
|
|
|
|
|
|
$.ajaxTransport("+*", function( options, originalOptions, jqXHR ) {
|
|
var ajax, type;
|
|
|
|
if(options.wsType || transports[transports]){
|
|
ajax = transports[transports](options, originalOptions, jqXHR);
|
|
}
|
|
if(!ajax){
|
|
for(type in transports){
|
|
ajax = transports[type](options, originalOptions, jqXHR);
|
|
if(ajax){break;}
|
|
}
|
|
}
|
|
return ajax;
|
|
});
|
|
|
|
webshim.defineNodeNameProperty('input', 'files', {
|
|
prop: {
|
|
writeable: false,
|
|
get: function(){
|
|
if(this.type != 'file'){return null;}
|
|
if(!$(this).hasClass('ws-filereader')){
|
|
webshim.info("please add the 'ws-filereader' class to your input[type='file'] to implement files-property");
|
|
}
|
|
return webshim.data(this, 'fileList') || [];
|
|
}
|
|
}
|
|
}
|
|
);
|
|
|
|
webshim.reflectProperties(['input'], ['accept']);
|
|
|
|
if($('<input />').prop('multiple') == null){
|
|
webshim.defineNodeNamesBooleanProperty(['input'], ['multiple']);
|
|
}
|
|
|
|
webshim.onNodeNamesPropertyModify('input', 'disabled', function(value, boolVal, type){
|
|
var picker = webshim.data(this, 'filePicker');
|
|
if(picker){
|
|
picker.disable(boolVal);
|
|
}
|
|
});
|
|
|
|
webshim.onNodeNamesPropertyModify('input', 'value', function(value, boolVal, type){
|
|
if(value === '' && this.type == 'file' && $(this).hasClass('ws-filereader')){
|
|
webshim.data(this, 'fileList', []);
|
|
}
|
|
});
|
|
|
|
|
|
window.FileReader = notReadyYet;
|
|
window.FormData = notReadyYet;
|
|
webshim.ready('moxie', function(){
|
|
var wsMimes = 'application/xml,xml';
|
|
moxie = window.moxie;
|
|
mOxie = window.mOxie;
|
|
|
|
mOxie.Env.swf_url = featureOptions.swfpath;
|
|
mOxie.Env.xap_url = featureOptions.xappath;
|
|
|
|
window.FileReader = mOxie.FileReader;
|
|
|
|
window.FormData = function(form){
|
|
var appendData, i, len, files, fileI, fileLen, inputName;
|
|
var moxieData = new mOxie.FormData();
|
|
if(form && $.nodeName(form, 'form')){
|
|
appendData = $(form).serializeArray();
|
|
for(i = 0; i < appendData.length; i++){
|
|
if(Array.isArray(appendData[i].value)){
|
|
appendData[i].value.forEach(function(val){
|
|
moxieData.append(appendData[i].name, val);
|
|
});
|
|
} else {
|
|
moxieData.append(appendData[i].name, appendData[i].value);
|
|
}
|
|
}
|
|
|
|
appendData = form.querySelectorAll('input[type="file"][name]');
|
|
|
|
for(i = 0, len = appendData.length; i < appendData.length; i++){
|
|
inputName = appendData[i].name;
|
|
if(inputName && !$(appendData[i]).is(':disabled')){
|
|
files = $.prop(appendData[i], 'files') || [];
|
|
if(files.length){
|
|
if(files.length > 1 || (moxieData.hasBlob && moxieData.hasBlob())){
|
|
webshim.error('FormData shim can only handle one file per ajax. Use multiple ajax request. One per file.');
|
|
}
|
|
for(fileI = 0, fileLen = files.length; fileI < fileLen; fileI++){
|
|
moxieData.append(inputName, files[fileI]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return moxieData;
|
|
};
|
|
FormData = window.FormData;
|
|
|
|
createFilePicker = _createFilePicker;
|
|
transports.moxie = createMoxieTransport;
|
|
|
|
featureOptions.mimeTypes = (featureOptions.mimeTypes) ? wsMimes+','+featureOptions.mimeTypes : wsMimes;
|
|
try {
|
|
mOxie.Mime.addMimeType(featureOptions.mimeTypes);
|
|
} catch(e){
|
|
webshim.warn('mimetype to moxie error: '+e);
|
|
}
|
|
|
|
});
|
|
|
|
webshim.addReady(function(context, contextElem){
|
|
$(context.querySelectorAll(sel)).add(contextElem.filter(sel)).each(createFilePicker);
|
|
});
|
|
webshim.ready('WINDOWLOAD', loadMoxie);
|
|
|
|
if(webshim.cfg.debug !== false && featureOptions.swfpath.indexOf((location.protocol+'//'+location.hostname)) && featureOptions.swfpath.indexOf(('https://'+location.hostname))){
|
|
webshim.ready('WINDOWLOAD', function(){
|
|
|
|
var printMessage = function(){
|
|
if(hasXDomain == 'no'){
|
|
webshim.error(crossXMLMessage);
|
|
}
|
|
};
|
|
|
|
try {
|
|
hasXDomain = sessionStorage.getItem('wsXdomain.xml');
|
|
} catch(e){}
|
|
printMessage();
|
|
if(hasXDomain == null){
|
|
$.ajax({
|
|
url: 'crossdomain.xml',
|
|
type: 'HEAD',
|
|
dataType: 'xml',
|
|
success: function(){
|
|
hasXDomain = 'yes';
|
|
},
|
|
error: function(){
|
|
hasXDomain = 'no';
|
|
},
|
|
complete: function(){
|
|
try {
|
|
sessionStorage.setItem('wsXdomain.xml', hasXDomain);
|
|
} catch(e){}
|
|
printMessage();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|