123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606 |
- (function(){
-
- var d = document, w = window;
-
- function get(element){
- if (typeof element == "string")
- element = d.getElementById(element);
- return element;
- }
- function addEvent(el, type, fn){
- if (w.addEventListener){
- el.addEventListener(type, fn, false);
- } else if (w.attachEvent){
- var f = function(){
- fn.call(el, w.event);
- };
- el.attachEvent('on' + type, f)
- }
- }
- var toElement = function(){
- var div = d.createElement('div');
- return function(html){
- div.innerHTML = html;
- var el = div.childNodes[0];
- div.removeChild(el);
- return el;
- }
- }();
- function hasClass(ele,cls){
- return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
- }
- function addClass(ele,cls) {
- if (!hasClass(ele,cls)) ele.className += " "+cls;
- }
- function removeClass(ele,cls) {
- var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
- ele.className=ele.className.replace(reg,' ');
- }
- if (document.documentElement["getBoundingClientRect"]){
-
-
- var getOffset = function(el){
- var box = el.getBoundingClientRect(),
- doc = el.ownerDocument,
- body = doc.body,
- docElem = doc.documentElement,
-
-
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
-
-
-
-
- zoom = 1;
-
- if (body.getBoundingClientRect) {
- var bound = body.getBoundingClientRect();
- zoom = (bound.right - bound.left)/body.clientWidth;
- }
-
- if (zoom > 1){
- clientTop = 0;
- clientLeft = 0;
- }
-
- var top = box.top/zoom + (window.pageYOffset || docElem && docElem.scrollTop/zoom || body.scrollTop/zoom) - clientTop,
- left = box.left/zoom + (window.pageXOffset|| docElem && docElem.scrollLeft/zoom || body.scrollLeft/zoom) - clientLeft;
-
- return {
- top: top,
- left: left
- };
- }
-
- } else {
-
- var getOffset = function(el){
- if (w.jQuery){
- return jQuery(el).offset();
- }
-
- var top = 0, left = 0;
- do {
- top += el.offsetTop || 0;
- left += el.offsetLeft || 0;
- }
- while (el = el.offsetParent);
-
- return {
- left: left,
- top: top
- };
- }
- }
- function getBox(el){
- var left, right, top, bottom;
- var offset = getOffset(el);
- left = offset.left;
- top = offset.top;
-
- right = left + el.offsetWidth;
- bottom = top + el.offsetHeight;
-
- return {
- left: left,
- right: right,
- top: top,
- bottom: bottom
- };
- }
- function getMouseCoords(e){
-
-
- if (!e.pageX && e.clientX){
-
-
- var zoom = 1;
- var body = document.body;
-
- if (body.getBoundingClientRect) {
- var bound = body.getBoundingClientRect();
- zoom = (bound.right - bound.left)/body.clientWidth;
- }
- return {
- x: e.clientX / zoom + d.body.scrollLeft + d.documentElement.scrollLeft,
- y: e.clientY / zoom + d.body.scrollTop + d.documentElement.scrollTop
- };
- }
-
- return {
- x: e.pageX,
- y: e.pageY
- };
- }
-
- var getUID = function(){
- var id = 0;
- return function(){
- return 'ValumsAjaxUpload' + id++;
- }
- }();
- function fileFromPath(file){
- return file.replace(/.*(\/|\\)/, "");
- }
- function getExt(file){
- return (/[.]/.exec(file)) ? /[^.]+$/.exec(file.toLowerCase()) : '';
- }
- var getXhr = function(){
- var xhr;
-
- return function(){
- if (xhr) return xhr;
-
- if (typeof XMLHttpRequest !== 'undefined') {
- xhr = new XMLHttpRequest();
- } else {
- var v = [
- "Microsoft.XmlHttp",
- "MSXML2.XmlHttp.5.0",
- "MSXML2.XmlHttp.4.0",
- "MSXML2.XmlHttp.3.0",
- "MSXML2.XmlHttp.2.0"
- ];
-
- for (var i=0; i < v.length; i++){
- try {
- xhr = new ActiveXObject(v[i]);
- break;
- } catch (e){}
- }
- }
- return xhr;
- }
- }();
- Ajax_upload = AjaxUpload = function(button, options){
- if (button.jquery){
-
- button = button[0];
- } else if (typeof button == "string" && /^#.*/.test(button)){
- button = button.slice(1);
- }
- button = get(button);
-
- this._input = null;
- this._button = button;
- this._disabled = false;
- this._submitting = false;
- // Variable changes to true if the button was clicked
- // 3 seconds ago (requred to fix Safari on Mac error)
- this._justClicked = false;
- this._parentDialog = d.body;
-
- if (window.jQuery && jQuery.ui && jQuery.ui.dialog){
- var parentDialog = jQuery(this._button).parents('.ui-dialog');
- if (parentDialog.length){
- this._parentDialog = parentDialog[0];
- }
- }
-
- this._settings = {
-
- action: 'upload.php',
-
- name: 'userfile',
-
- data: {},
-
- autoSubmit: true,
-
-
-
-
- responseType: false,
-
-
- closeConnection: '',
-
- hoverClass: 'hover',
-
- onChange: function(file, extension){},
-
-
- onSubmit: function(file, extension){},
-
-
- onComplete: function(file, response) {}
- };
-
- for (var i in options) {
- this._settings[i] = options[i];
- }
-
- this._createInput();
- this._rerouteClicks();
- }
-
- AjaxUpload.prototype = {
- setData : function(data){
- this._settings.data = data;
- },
- disable : function(){
- this._disabled = true;
- },
- enable : function(){
- this._disabled = false;
- },
-
- destroy : function(){
- if(this._input){
- if(this._input.parentNode){
- this._input.parentNode.removeChild(this._input);
- }
- this._input = null;
- }
- },
-
- _createInput : function(){
- var self = this;
- var input = d.createElement("input");
- input.setAttribute('type', 'file');
- input.setAttribute('name', this._settings.name);
- var styles = {
- 'position' : 'absolute'
- ,'margin': '-5px 0 0 -175px'
- ,'padding': 0
- ,'width': '220px'
- ,'height': '30px'
- ,'fontSize': '14px'
- ,'opacity': 0
- ,'cursor': 'pointer'
- ,'display' : 'none'
- ,'zIndex' : 2147483583
-
-
-
- };
- for (var i in styles){
- input.style[i] = styles[i];
- }
-
-
-
- if ( ! (input.style.opacity === "0")){
- input.style.filter = "alpha(opacity=0)";
- }
-
- this._parentDialog.appendChild(input);
- addEvent(input, 'change', function(){
-
- var file = fileFromPath(this.value);
- if(self._settings.onChange.call(self, file, getExt(file)) == false ){
- return;
- }
-
- if (self._settings.autoSubmit){
- self.submit();
- }
- });
-
-
-
-
-
-
-
- addEvent(input, 'click', function(){
- self.justClicked = true;
- setTimeout(function(){
-
- self.justClicked = false;
- }, 2500);
- });
-
- this._input = input;
- },
- _rerouteClicks : function (){
- var self = this;
-
-
-
-
-
-
-
- var box, dialogOffset = {top:0, left:0}, over = false;
-
- addEvent(self._button, 'mouseover', function(e){
- if (!self._input || over) return;
-
- over = true;
- box = getBox(self._button);
-
- if (self._parentDialog != d.body){
- dialogOffset = getOffset(self._parentDialog);
- }
- });
-
-
-
-
- addEvent(document, 'mousemove', function(e){
- var input = self._input;
- if (!input || !over) return;
-
- if (self._disabled){
- removeClass(self._button, self._settings.hoverClass);
- input.style.display = 'none';
- return;
- }
-
- var c = getMouseCoords(e);
- if ((c.x >= box.left) && (c.x <= box.right) &&
- (c.y >= box.top) && (c.y <= box.bottom)){
-
- input.style.top = c.y - dialogOffset.top + 'px';
- input.style.left = c.x - dialogOffset.left + 'px';
- input.style.display = 'block';
- addClass(self._button, self._settings.hoverClass);
-
- } else {
-
- over = false;
-
- var check = setInterval(function(){
-
-
-
- if (self.justClicked){
- return;
- }
-
- if ( !over ){
- input.style.display = 'none';
- }
-
- clearInterval(check);
-
- }, 25);
-
- removeClass(self._button, self._settings.hoverClass);
- }
- });
-
- },
-
- _createIframe : function(){
-
-
-
- var id = getUID();
-
-
-
- var iframe = toElement('<iframe src="javascript:false;" name="' + id + '" />');
- iframe.id = id;
- iframe.style.display = 'none';
- d.body.appendChild(iframe);
- return iframe;
- },
-
- submit : function(){
- var self = this, settings = this._settings;
-
- if (this._input.value === ''){
-
- return;
- }
-
-
- var file = fileFromPath(this._input.value);
-
- if (! (settings.onSubmit.call(this, file, getExt(file)) == false)) {
-
- var iframe = this._createIframe();
-
-
- var form = this._createForm(iframe);
- form.appendChild(this._input);
-
-
-
-
-
- if (settings.closeConnection && /AppleWebKit|MSIE/.test(navigator.userAgent)){
- var xhr = getXhr();
-
- xhr.open('GET', settings.closeConnection, false);
- xhr.send('');
- }
-
- form.submit();
-
- d.body.removeChild(form);
- form = null;
- this._input = null;
-
-
- this._createInput();
-
- var toDeleteFlag = false;
-
- addEvent(iframe, 'load', function(e){
-
- if (
- iframe.src == "javascript:'%3Chtml%3E%3C/html%3E';" ||
-
- iframe.src == "javascript:'<html></html>';"){
-
-
- if( toDeleteFlag ){
-
- setTimeout( function() {
- d.body.removeChild(iframe);
- }, 0);
- }
- return;
- }
-
- var doc = iframe.contentDocument ? iframe.contentDocument : frames[iframe.id].document;
-
- if (doc.readyState && doc.readyState != 'complete'){
-
-
-
- return;
- }
-
-
- if (doc.body && doc.body.innerHTML == "false"){
-
-
-
- return;
- }
-
- var response;
-
- if (doc.XMLDocument){
-
- response = doc.XMLDocument;
- } else if (doc.body){
-
- response = doc.body.innerHTML;
- if (settings.responseType && settings.responseType.toLowerCase() == 'json'){
-
-
-
-
-
-
- if (doc.body.firstChild && doc.body.firstChild.nodeName.toUpperCase() == 'PRE'){
- response = doc.body.firstChild.firstChild.nodeValue;
- }
- if (response) {
- response = window["eval"]("(" + response + ")");
- } else {
- response = {};
- }
- }
- } else {
-
- var response = doc;
- }
-
- settings.onComplete.call(self, file, response);
-
-
-
-
- toDeleteFlag = true;
-
-
- iframe.src = "javascript:'<html></html>';";
- });
-
- } else {
-
-
-
- d.body.removeChild(this._input);
- this._input = null;
-
-
- this._createInput();
- }
- },
-
- _createForm : function(iframe){
- var settings = this._settings;
-
-
-
- var form = toElement('<form method="post" enctype="multipart/form-data"></form>');
- form.style.display = 'none';
- form.action = settings.action;
- form.target = iframe.name;
- d.body.appendChild(form);
-
-
- for (var prop in settings.data){
- var el = d.createElement("input");
- el.type = 'hidden';
- el.name = prop;
- el.value = settings.data[prop];
- form.appendChild(el);
- }
- return form;
- }
- };
- })();
|