-
Notifications
You must be signed in to change notification settings - Fork 0
/
customerService.js
69 lines (59 loc) · 1.79 KB
/
customerService.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
var cs = document.getElementById("customerService");
cs.style.bottom = localStorage.csPositionBottom+"px";
cs.style.right = localStorage.csPositionRight+"px";
// parse string to boolean
if(localStorage.csGoUp=="true"){
goUp=true;
}
else{
goUp=false;
}
if(localStorage.csGoLeft=="true"){
goLeft=true;
}
else{
goLeft=false;
}
//Customer need to click the contact button so stop moving when mouseover
cs.addEventListener("mouseover", function () {
clearInterval(csTimer);
});
cs.addEventListener("mouseout", function () {
csTimer = setInterval(moveCS, 10);
})
var csTimer = setInterval(moveCS, 10);
//save current position before window close as String
window.onbeforeunload = function () {
localStorage.setItem("csPositionBottom", parseInt(cs.style.bottom));
localStorage.setItem("csPositionRight", parseInt(cs.style.right));
localStorage.setItem("csGoUp", goUp);
localStorage.setItem("csGoLeft", goLeft);
}
function moveCS() {
if (parseInt(cs.style.right) <= 0) {
goLeft = true;
}
if (parseInt(cs.style.right) >= document.body.offsetWidth - cs.offsetWidth) {
goLeft = false;
}
// console.log("trigged"+cs.style.top+" "+cs.offsetHeight);
if (parseInt(cs.style.bottom) >= document.body.offsetHeight - cs.offsetHeight) {
// console.log("trigged"+cs.style.top+" "+cs.offsetHeight);
goUp = false;
}
if (parseInt(cs.style.bottom) <= 0) {
goUp = true;
}
if (goUp) {
cs.style.bottom = parseInt(cs.style.bottom) + 1 + "px";
}
else {
cs.style.bottom = parseInt(cs.style.bottom) - 1 + "px";
}
if (goLeft) {
// console.log(goLeft);
cs.style.right = parseInt(cs.style.right) + 1 + "px";
} else {
cs.style.right = parseInt(cs.style.right) - 1 + "px";
}
}