sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

improving loading icon

Browse source
This commit is contained in:
Rolux 2010-02-20 14:20:52 +05:30
commit 4f2dc7dd53
2 changed files with 29 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

32
build/js/ox.ui.js
View file

@ -3215,9 +3215,9 @@ requires
.addClass(
"OxLoadingIcon Ox" + Ox.toTitleCase(self.options.size)
);
self.count = 0;
self.deg = 0;
function update() {
Ox.print(self.deg, "deg");
that.css({
MozTransform: "rotate(" + self.deg + "deg)",
WebkitTransform: "rotate(" + self.deg + "deg)"
@ -3225,20 +3225,26 @@ requires
}
that.start = function() {
self.deg = 0;
that.css({
opacity: 1
});
self.interval = setInterval(function() {
self.deg = (self.deg + 30) % 360;
update();
}, 83);
self.count++;
if (self.count == 1) {
self.interval = setInterval(function() {
self.deg = (self.deg + 30) % 360;
update();
}, 83);
that.animate({
opacity: 1
}, 250);
}
};
that.stop = function() {
clearTimeout(self.interval);
self.deg = 0;
that.css({
opacity: 0
});
self.count--;
if (self.count == 0) {
clearTimeout(self.interval);
self.deg = 0;
that.animate({
opacity: 0
}, 250);
}
}
return that;
}