Browse Source

pulltorefresh submodule updated

pull/154/head
Simon Waldherr 12 years ago
parent
commit
b9b66ee741
  1. 222
      dist/ratchet.js
  2. 221
      lib/js/pulltorefresh.js
  3. 2
      submodules/pulltorefresh

222
dist/ratchet.js vendored

@ -774,215 +774,208 @@
var ptr_scrollable_parent = false; var ptr_scrollable_parent = false;
function ptr_init() { function ptr_init() {
document.getElementsByTagName('body')[0].className = !!('ontouchstart' in window) ? "use strict";
document.getElementsByTagName('body')[0].className+=' touch' : var ptr_box, ptr_container, ptr_image, ptr_text, i = 0, scrollables = document.getElementsByClassName('scrollable');
document.getElementsByTagName('body')[0].className+=' desktop'; if ((window.hasOwnProperty('ontouchstart')) || (window.navigator.msPointerEnabled)) {
var scrollables = document.getElementsByClassName('scrollable'); document.getElementsByTagName('body')[0].className += ' touch';
} else {
for(var i = 0; i<scrollables.length; i++) { document.getElementsByTagName('body')[0].className += ' notouch';
if(scrollables[i].hasAttribute('data-url') != false) { }
var ptr_box = document.createElement('div'),
ptr_container = document.createElement('div'), for (i = 0; i < scrollables.length; i += 1) {
ptr_image = document.createElement('div'), if (scrollables[i].hasAttribute('data-url') !== false) {
ptr_text = document.createElement('div'); ptr_box = document.createElement('div');
ptr_container = document.createElement('div');
ptr_image = document.createElement('div');
ptr_text = document.createElement('div');
ptr_box.appendChild(ptr_container); ptr_box.appendChild(ptr_container);
ptr_container.appendChild(ptr_image); ptr_container.appendChild(ptr_image);
ptr_container.appendChild(ptr_text); ptr_container.appendChild(ptr_text);
ptr_text.innerHTML = 'Pull to refresh'; ptr_text.innerHTML = 'Pull to refresh';
ptr_box.className = 'ptr_box'; ptr_box.className = 'ptr_box';
ptr_container.className = 'ptr_container'; ptr_container.className = 'ptr_container';
ptr_image.className = 'ptr_image'; ptr_image.className = 'ptr_image';
ptr_text.className = 'ptr_text'; ptr_text.className = 'ptr_text';
scrollables[i].firstElementChild.insertBefore(ptr_box, scrollables[i].firstElementChild.firstChild); scrollables[i].firstElementChild.insertBefore(ptr_box, scrollables[i].firstElementChild.firstChild);
} }
} }
document.addEventListener('touchstart',function(e) { document.addEventListener('touchstart', function (e) {
var parent = e.target; var ptr_box, ptr_container, ptr_image, ptr_text, parent = e.target, i = 0;
if(typeof parent.className === null) { if (parent.className === undefined) {
return false; return false;
} }
for(var i = 0; i < 10; i++) { for (i = 0; i < 10; i += 1) {
if(typeof parent.className !== 'undefined') { if (parent.className !== undefined) {
if(parent.className.match('scrollable')) { if (parent.className.match('scrollable')) {
ptr_scrollable_parent = i; ptr_scrollable_parent = i;
i = 10; i = 10;
if(parent.hasAttribute('data-url') != false) { if (parent.hasAttribute('data-url') !== false) {
if(typeof parent.getElementsByClassName('ptr_box')[0] != 'undefined') { if (parent.getElementsByClassName('ptr_box')[0] === undefined) {
ptr_box = document.createElement('div');
} else { ptr_container = document.createElement('div');
var ptr_box = document.createElement('div'), ptr_image = document.createElement('div');
ptr_container = document.createElement('div'), ptr_text = document.createElement('div');
ptr_image = document.createElement('div'),
ptr_text = document.createElement('div');
ptr_box.appendChild(ptr_container); ptr_box.appendChild(ptr_container);
ptr_container.appendChild(ptr_image); ptr_container.appendChild(ptr_image);
ptr_container.appendChild(ptr_text); ptr_container.appendChild(ptr_text);
ptr_text.innerHTML = 'Pull to refresh'; ptr_text.innerHTML = 'Pull to refresh';
ptr_box.className = 'ptr_box'; ptr_box.className = 'ptr_box';
ptr_container.className = 'ptr_container'; ptr_container.className = 'ptr_container';
ptr_image.className = 'ptr_image'; ptr_image.className = 'ptr_image';
ptr_text.className = 'ptr_text'; ptr_text.className = 'ptr_text';
parent.firstElementChild.insertBefore(ptr_box, parent.firstElementChild.firstChild); parent.firstElementChild.insertBefore(ptr_box, parent.firstElementChild.firstChild);
} }
} else if(typeof parent.getElementsByClassName('ptr_box')[0] != 'undefined') { } else if (parent.getElementsByClassName('ptr_box')[0] !== undefined) {
parent.removeChild(parent.getElementsByClassName('ptr_box')[0]); parent.removeChild(parent.getElementsByClassName('ptr_box')[0]);
} }
if(parent.scrollTop === 0) { if (parent.scrollTop === 0) {
parent.scrollTop = 1; parent.scrollTop = 1;
} else if((parent.scrollTop+parent.offsetHeight) === parent.scrollHeight) { } else if ((parent.scrollTop + parent.offsetHeight) === parent.scrollHeight) {
parent.scrollTop = parent.scrollTop-1; parent.scrollTop = parent.scrollTop - 1;
} }
} else {
} }
} }
if((typeof parent.parentNode.tagName === 'undefined')) { if ((parent.parentNode.tagName === undefined)) {
i = 10; i = 10;
return false; return false;
} else if((parent.parentNode.tagName == 'BODY')||(parent.parentNode.tagName == 'HTML')) { }
if ((parent.parentNode.tagName === 'BODY') || (parent.parentNode.tagName === 'HTML')) {
i = 10; i = 10;
return false; return false;
} else {
parent = parent.parentNode;
} }
parent = parent.parentNode;
} }
}); });
document.addEventListener('touchmove',function(e) { document.addEventListener('touchmove', function (e) {
var parent = e.target; var parent = e.target, scroll = false, rotate = 90, i = 0, ptr_element, ptr_wrapelement, top, ptr, scrolldistance, ptr_eleId, time, ptrbox, insert, inserted;
var scroll = false; if (ptr_scrollable_parent === false) {
var rotate = 90;
if(ptr_scrollable_parent == false) {
e.preventDefault(); e.preventDefault();
return false; return false;
} }
for(var i = 0; i < ptr_scrollable_parent; i++) { for (i = 0; i < ptr_scrollable_parent; i += 1) {
parent = parent.parentNode; parent = parent.parentNode;
} }
if((ptr_scrollable_parent != false)&&(parent.hasAttribute('data-url') != false)) { if ((ptr_scrollable_parent !== false) && (parent.hasAttribute('data-url') !== false)) {
scroll = true; scroll = true;
var ptr_element = parent; ptr_element = parent;
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
top = ptr_element.scrollTop;
var top = ptr_element.scrollTop; ptr = ptr_element.getElementsByClassName('ptr_box')[0];
var ptr = ptr_element.getElementsByClassName('ptr_box')[0]; scrolldistance = Math.abs(parseInt(ptr_element.scrollTop, 10));
var scrolldistance = Math.abs(parseInt(ptr_element.scrollTop)); if ((ptr_wrapelement.className.indexOf(' active') === -1) && (!ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) && (ptr_element.scrollTop < 1)) {
if (ptr_element.scrollTop < -25) {
if((ptr_wrapelement.className.indexOf(' active') === -1)&&(!ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading'))) { rotate = (top < -40) ? -90 : 130 + (top * 12 + 270);
if(ptr_element.scrollTop < -25) {
rotate = (top < -40) ? -90 : 130 + (top*12+270);
} }
if(ptr_element.scrollTop < 0) { if (ptr_element.scrollTop < 0) {
ptr.style.height = (scrolldistance < 55) ? scrolldistance+'px' : '55px'; ptr.style.height = (scrolldistance < 55) ? scrolldistance + 'px' : '55px';
ptr.style.top = (scrolldistance < 55) ? '-'+scrolldistance+'px' : '-55px'; ptr.style.top = (scrolldistance < 55) ? '-' + scrolldistance + 'px' : '-55px';
ptr_wrapelement.getElementsByClassName('ptr_image')[0].style['-webkit-transform'] = "scale(1) rotate("+rotate+"deg)"; ptr_wrapelement.getElementsByClassName('ptr_image')[0].style['-webkit-transform'] = "scale(1) rotate(" + rotate + "deg)";
} }
if(ptr_element.scrollTop < -51) { if (ptr_element.scrollTop < -51) {
if(ptr_wrapelement.className.indexOf(' active') === -1) { if (ptr_wrapelement.className.indexOf(' active') === -1) {
ptr_wrapelement.className += ' active'; ptr_wrapelement.className += ' active';
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Loading ...'; ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Loading ...';
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className += ' loading'; ptr_wrapelement.getElementsByClassName('ptr_image')[0].className += ' loading';
if(parent.getAttribute('data-url') == 'reload') { if (parent.getAttribute('data-url') === 'reload') {
window.location.reload(true); window.location.reload(true);
return false; return false;
} }
var ptr_element = parent; ptr_element = parent;
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
var ptr_eleId = parent.id; ptr_eleId = parent.id;
var time = new Date(); time = new Date();
reqwest({ reqwest({
url: parent.getAttribute('data-url')+'?rt='+time.getTime() url: parent.getAttribute('data-url') + '?rt=' + time.getTime(),
, type: 'html' type: 'html',
, method: 'post' method: 'post',
, data: { usertime: time.getTime() } data: {
, error: function () { usertime: time.getTime()
},
error: function () {
alert('Could not connect'); alert('Could not connect');
ptr_wrapelement.style.top = '0px'; ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', ''); ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
hideLoading(ptr_eleId); },
success: function (resp) {
ptrbox = document.getElementById(ptr_eleId).getElementsByClassName('ptr_box')[0];
insert = document.createElement('div');
insert.innerHTML = resp;
insert.className = 'inserted';
ptr_wrapelement.insertBefore(insert, ptrbox.nextSibling);
ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
inserted = document.getElementsByClassName('inserted')[0];
ptr_element.scrollTop = inserted.clientHeight - 51;
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = '';
ptr.style.opacity = 0.0;
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className = ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.style.top = '0px';
ptr_scrollable_parent = false;
} }
, success: function (resp) { });
var ptrbox = document.getElementById(ptr_eleId).getElementsByClassName('ptr_box')[0];
var insert = document.createElement('div');
insert.innerHTML = resp;
insert.className = 'inserted';
ptr_wrapelement.insertBefore(insert, ptrbox.nextSibling);
ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
var inserted = document.getElementsByClassName('inserted')[0];
ptr_element.scrollTop = inserted.clientHeight-51;
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = '';
ptr.style.opacity = 0.0;
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className = ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.style.top = '0px';
ptr_scrollable_parent = false;
}
})
} }
} else if(ptr_element.scrollTop != 0) { } else if (ptr_element.scrollTop !== 0) {
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Pull to refresh'; ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Pull to refresh';
} }
} }
} else if((ptr_scrollable_parent != false)) { } else if ((ptr_scrollable_parent !== false)) {
scroll = true; scroll = true;
} }
if(scroll == false) { if (scroll === false) {
e.preventDefault(); e.preventDefault();
} }
}); });
document.addEventListener('touchend',function(e) { document.addEventListener('touchend', function (e) {
var parent = e.target; var parent = e.target, i = 0, ptr_element, ptr_wrapelement, ptr_eleId, top, ptr;
var scroll = false;
for(var i = 0; i < ptr_scrollable_parent; i++) { for (i = 0; i < ptr_scrollable_parent; i += 1) {
parent = parent.parentNode; parent = parent.parentNode;
} }
if((parent.hasAttribute('data-url') != false)&&(ptr_scrollable_parent != false)) { if ((parent.hasAttribute('data-url') !== false) && (ptr_scrollable_parent !== false)) {
if((parent.hasAttribute('data-url') != false)) { if ((parent.hasAttribute('data-url') !== false)) {
ptr_element = parent;
var ptr_element = parent; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_eleId = parent.id;
var ptr_eleId = parent.id; top = ptr_element.scrollTop;
ptr = ptr_element.getElementsByClassName('ptr_box')[0];
var top = ptr_element.scrollTop; if (ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) {
var ptr = ptr_element.getElementsByClassName('ptr_box')[0];
if(ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) {
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
ptr_wrapelement.style.top = '51px'; ptr_wrapelement.style.top = '51px';
} else { } else {
@ -991,7 +984,6 @@ function ptr_init() {
} }
} }
} }
ptr_scrollable_parent = false; ptr_scrollable_parent = false;
}); });
} }

221
lib/js/pulltorefresh.js

@ -9,215 +9,208 @@
var ptr_scrollable_parent = false; var ptr_scrollable_parent = false;
function ptr_init() { function ptr_init() {
document.getElementsByTagName('body')[0].className = !!('ontouchstart' in window) ? "use strict";
document.getElementsByTagName('body')[0].className+=' touch' : var ptr_box, ptr_container, ptr_image, ptr_text, i = 0, scrollables = document.getElementsByClassName('scrollable');
document.getElementsByTagName('body')[0].className+=' desktop'; if ((window.hasOwnProperty('ontouchstart')) || (window.navigator.msPointerEnabled)) {
var scrollables = document.getElementsByClassName('scrollable'); document.getElementsByTagName('body')[0].className += ' touch';
} else {
for(var i = 0; i<scrollables.length; i++) { document.getElementsByTagName('body')[0].className += ' notouch';
if(scrollables[i].hasAttribute('data-url') != false) { }
var ptr_box = document.createElement('div'),
ptr_container = document.createElement('div'), for (i = 0; i < scrollables.length; i += 1) {
ptr_image = document.createElement('div'), if (scrollables[i].hasAttribute('data-url') !== false) {
ptr_text = document.createElement('div'); ptr_box = document.createElement('div');
ptr_container = document.createElement('div');
ptr_image = document.createElement('div');
ptr_text = document.createElement('div');
ptr_box.appendChild(ptr_container); ptr_box.appendChild(ptr_container);
ptr_container.appendChild(ptr_image); ptr_container.appendChild(ptr_image);
ptr_container.appendChild(ptr_text); ptr_container.appendChild(ptr_text);
ptr_text.innerHTML = 'Pull to refresh'; ptr_text.innerHTML = 'Pull to refresh';
ptr_box.className = 'ptr_box'; ptr_box.className = 'ptr_box';
ptr_container.className = 'ptr_container'; ptr_container.className = 'ptr_container';
ptr_image.className = 'ptr_image'; ptr_image.className = 'ptr_image';
ptr_text.className = 'ptr_text'; ptr_text.className = 'ptr_text';
scrollables[i].firstElementChild.insertBefore(ptr_box, scrollables[i].firstElementChild.firstChild); scrollables[i].firstElementChild.insertBefore(ptr_box, scrollables[i].firstElementChild.firstChild);
} }
} }
document.addEventListener('touchstart',function(e) { document.addEventListener('touchstart', function (e) {
var parent = e.target; var ptr_box, ptr_container, ptr_image, ptr_text, parent = e.target, i = 0;
if(typeof parent.className === null) { if (parent.className === undefined) {
return false; return false;
} }
for(var i = 0; i < 10; i++) { for (i = 0; i < 10; i += 1) {
if(typeof parent.className !== 'undefined') { if (parent.className !== undefined) {
if(parent.className.match('scrollable')) { if (parent.className.match('scrollable')) {
ptr_scrollable_parent = i; ptr_scrollable_parent = i;
i = 10; i = 10;
if(parent.hasAttribute('data-url') != false) { if (parent.hasAttribute('data-url') !== false) {
if(typeof parent.getElementsByClassName('ptr_box')[0] != 'undefined') { if (parent.getElementsByClassName('ptr_box')[0] === undefined) {
ptr_box = document.createElement('div');
} else { ptr_container = document.createElement('div');
var ptr_box = document.createElement('div'), ptr_image = document.createElement('div');
ptr_container = document.createElement('div'), ptr_text = document.createElement('div');
ptr_image = document.createElement('div'),
ptr_text = document.createElement('div');
ptr_box.appendChild(ptr_container); ptr_box.appendChild(ptr_container);
ptr_container.appendChild(ptr_image); ptr_container.appendChild(ptr_image);
ptr_container.appendChild(ptr_text); ptr_container.appendChild(ptr_text);
ptr_text.innerHTML = 'Pull to refresh'; ptr_text.innerHTML = 'Pull to refresh';
ptr_box.className = 'ptr_box'; ptr_box.className = 'ptr_box';
ptr_container.className = 'ptr_container'; ptr_container.className = 'ptr_container';
ptr_image.className = 'ptr_image'; ptr_image.className = 'ptr_image';
ptr_text.className = 'ptr_text'; ptr_text.className = 'ptr_text';
parent.firstElementChild.insertBefore(ptr_box, parent.firstElementChild.firstChild); parent.firstElementChild.insertBefore(ptr_box, parent.firstElementChild.firstChild);
} }
} else if(typeof parent.getElementsByClassName('ptr_box')[0] != 'undefined') { } else if (parent.getElementsByClassName('ptr_box')[0] !== undefined) {
parent.removeChild(parent.getElementsByClassName('ptr_box')[0]); parent.removeChild(parent.getElementsByClassName('ptr_box')[0]);
} }
if(parent.scrollTop === 0) { if (parent.scrollTop === 0) {
parent.scrollTop = 1; parent.scrollTop = 1;
} else if((parent.scrollTop+parent.offsetHeight) === parent.scrollHeight) { } else if ((parent.scrollTop + parent.offsetHeight) === parent.scrollHeight) {
parent.scrollTop = parent.scrollTop-1; parent.scrollTop = parent.scrollTop - 1;
} }
} else {
} }
} }
if((typeof parent.parentNode.tagName === 'undefined')) { if ((parent.parentNode.tagName === undefined)) {
i = 10; i = 10;
return false; return false;
} else if((parent.parentNode.tagName == 'BODY')||(parent.parentNode.tagName == 'HTML')) { }
if ((parent.parentNode.tagName === 'BODY') || (parent.parentNode.tagName === 'HTML')) {
i = 10; i = 10;
return false; return false;
} else {
parent = parent.parentNode;
} }
parent = parent.parentNode;
} }
}); });
document.addEventListener('touchmove',function(e) { document.addEventListener('touchmove', function (e) {
var parent = e.target; var parent = e.target, scroll = false, rotate = 90, i = 0, ptr_element, ptr_wrapelement, top, ptr, scrolldistance, ptr_eleId, time, ptrbox, insert, inserted;
var scroll = false; if (ptr_scrollable_parent === false) {
var rotate = 90;
if(ptr_scrollable_parent == false) {
e.preventDefault(); e.preventDefault();
return false; return false;
} }
for(var i = 0; i < ptr_scrollable_parent; i++) { for (i = 0; i < ptr_scrollable_parent; i += 1) {
parent = parent.parentNode; parent = parent.parentNode;
} }
if((ptr_scrollable_parent != false)&&(parent.hasAttribute('data-url') != false)) { if ((ptr_scrollable_parent !== false) && (parent.hasAttribute('data-url') !== false)) {
scroll = true; scroll = true;
var ptr_element = parent; ptr_element = parent;
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
top = ptr_element.scrollTop;
var top = ptr_element.scrollTop; ptr = ptr_element.getElementsByClassName('ptr_box')[0];
var ptr = ptr_element.getElementsByClassName('ptr_box')[0]; scrolldistance = Math.abs(parseInt(ptr_element.scrollTop, 10));
var scrolldistance = Math.abs(parseInt(ptr_element.scrollTop)); if ((ptr_wrapelement.className.indexOf(' active') === -1) && (!ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) && (ptr_element.scrollTop < 1)) {
if (ptr_element.scrollTop < -25) {
if((ptr_wrapelement.className.indexOf(' active') === -1)&&(!ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading'))) { rotate = (top < -40) ? -90 : 130 + (top * 12 + 270);
if(ptr_element.scrollTop < -25) {
rotate = (top < -40) ? -90 : 130 + (top*12+270);
} }
if(ptr_element.scrollTop < 0) { if (ptr_element.scrollTop < 0) {
ptr.style.height = (scrolldistance < 55) ? scrolldistance+'px' : '55px'; ptr.style.height = (scrolldistance < 55) ? scrolldistance + 'px' : '55px';
ptr.style.top = (scrolldistance < 55) ? '-'+scrolldistance+'px' : '-55px'; ptr.style.top = (scrolldistance < 55) ? '-' + scrolldistance + 'px' : '-55px';
ptr_wrapelement.getElementsByClassName('ptr_image')[0].style['-webkit-transform'] = "scale(1) rotate("+rotate+"deg)"; ptr_wrapelement.getElementsByClassName('ptr_image')[0].style['-webkit-transform'] = "scale(1) rotate(" + rotate + "deg)";
} }
if(ptr_element.scrollTop < -51) { if (ptr_element.scrollTop < -51) {
if(ptr_wrapelement.className.indexOf(' active') === -1) { if (ptr_wrapelement.className.indexOf(' active') === -1) {
ptr_wrapelement.className += ' active'; ptr_wrapelement.className += ' active';
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Loading ...'; ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Loading ...';
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className += ' loading'; ptr_wrapelement.getElementsByClassName('ptr_image')[0].className += ' loading';
if(parent.getAttribute('data-url') == 'reload') { if (parent.getAttribute('data-url') === 'reload') {
window.location.reload(true); window.location.reload(true);
return false; return false;
} }
var ptr_element = parent; ptr_element = parent;
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
var ptr_eleId = parent.id; ptr_eleId = parent.id;
var time = new Date(); time = new Date();
reqwest({ reqwest({
url: parent.getAttribute('data-url')+'?rt='+time.getTime() url: parent.getAttribute('data-url') + '?rt=' + time.getTime(),
, type: 'html' type: 'html',
, method: 'post' method: 'post',
, data: { usertime: time.getTime() } data: {
, error: function () { usertime: time.getTime()
},
error: function () {
alert('Could not connect'); alert('Could not connect');
ptr_wrapelement.style.top = '0px'; ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', ''); ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
hideLoading(ptr_eleId); },
success: function (resp) {
ptrbox = document.getElementById(ptr_eleId).getElementsByClassName('ptr_box')[0];
insert = document.createElement('div');
insert.innerHTML = resp;
insert.className = 'inserted';
ptr_wrapelement.insertBefore(insert, ptrbox.nextSibling);
ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
inserted = document.getElementsByClassName('inserted')[0];
ptr_element.scrollTop = inserted.clientHeight - 51;
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = '';
ptr.style.opacity = 0.0;
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className = ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.style.top = '0px';
ptr_scrollable_parent = false;
} }
, success: function (resp) { });
var ptrbox = document.getElementById(ptr_eleId).getElementsByClassName('ptr_box')[0];
var insert = document.createElement('div');
insert.innerHTML = resp;
insert.className = 'inserted';
ptr_wrapelement.insertBefore(insert, ptrbox.nextSibling);
ptr_wrapelement.style.top = '0px';
ptr.getElementsByClassName('ptr_image')[0].className = ptr.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
var inserted = document.getElementsByClassName('inserted')[0];
ptr_element.scrollTop = inserted.clientHeight-51;
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = '';
ptr.style.opacity = 0.0;
ptr_wrapelement.getElementsByClassName('ptr_image')[0].className = ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.replace(' loading', '');
ptr_wrapelement.style.top = '0px';
ptr_scrollable_parent = false;
}
})
} }
} else if(ptr_element.scrollTop != 0) { } else if (ptr_element.scrollTop !== 0) {
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Pull to refresh'; ptr_wrapelement.getElementsByClassName('ptr_text')[0].innerHTML = 'Pull to refresh';
} }
} }
} else if((ptr_scrollable_parent != false)) { } else if ((ptr_scrollable_parent !== false)) {
scroll = true; scroll = true;
} }
if(scroll == false) { if (scroll === false) {
e.preventDefault(); e.preventDefault();
} }
}); });
document.addEventListener('touchend',function(e) { document.addEventListener('touchend', function (e) {
var parent = e.target; var parent = e.target, i = 0, ptr_element, ptr_wrapelement, ptr_eleId, top, ptr;
var scroll = false;
for(var i = 0; i < ptr_scrollable_parent; i++) { for (i = 0; i < ptr_scrollable_parent; i += 1) {
parent = parent.parentNode; parent = parent.parentNode;
} }
if((parent.hasAttribute('data-url') != false)&&(ptr_scrollable_parent != false)) { if ((parent.hasAttribute('data-url') !== false) && (ptr_scrollable_parent !== false)) {
if((parent.hasAttribute('data-url') != false)) { if ((parent.hasAttribute('data-url') !== false)) {
ptr_element = parent;
var ptr_element = parent; ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0];
var ptr_wrapelement = ptr_element.getElementsByClassName('wrap')[0]; ptr_eleId = parent.id;
var ptr_eleId = parent.id; top = ptr_element.scrollTop;
ptr = ptr_element.getElementsByClassName('ptr_box')[0];
var top = ptr_element.scrollTop;
var ptr = ptr_element.getElementsByClassName('ptr_box')[0];
if(ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) { if (ptr_wrapelement.getElementsByClassName('ptr_image')[0].className.match('loading')) {
ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', ''); ptr_wrapelement.className = ptr_wrapelement.className.replace(' active', '');
ptr_wrapelement.style.top = '51px'; ptr_wrapelement.style.top = '51px';
} else { } else {

2
submodules/pulltorefresh

@ -1 +1 @@
Subproject commit 8b643ab71af3bd19363a4fd48ec3ea1179823ec3 Subproject commit 7c55d91031af238eedfb55ba9cc1e6558eb65ce3
Loading…
Cancel
Save