/
script.js
121 lines (107 loc) · 4.42 KB
/
script.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
(function(){
var getScript = function(url,success){
var script=document.createElement('script');
script.src=url;
var head=document.getElementsByTagName('head')[0],
done=false;
// Attach handlers form all browsers
script.onload=script.onreadystatechange = function(){
if ( !done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') ) {
done=true;
success();
script.onload = script.onreadystatechange = null;
head.removeChild(script);
}
};
head.appendChild(script);
};
var dealwithit = function() {
var dealing_with_it = true;
var deal = jQuery.noConflict();
function getScrollTop(){
if(typeof pageYOffset!= 'undefined'){
//most browsers
return pageYOffset;
} else {
var browsers= document.body; //IE 'quirks'
var d= document.documentElement; //IE with doctype
d= (d.clientHeight)? d: b;
return d.scrollTop;
}
}
var width = deal(window).width();
var height = deal(window).height();
var glasses_w = 321;
var glasses_h = 52;
var deal_w = 322;
var deal_h = 34;
var glasses_top = (height / 2) - glasses_h;
var glasses_left = (width / 2) - (glasses_w / 2);
glasses_left += "px";
var css = document.createElement("link");
css.setAttribute("href", "https://github.com/jgv/deal-with-it/raw/master/deal.css");
css.setAttribute("rel", "stylesheet");
css.setAttribute("type", "text/css");
document.getElementsByTagName("head")[0].appendChild(css);
var img = document.createElement("div");
img.id = "deal_with_it";
var html = "<img width='" + glasses_w + "'";
html += "height='" + glasses_h + "'";
html += "src='https://github.com/jgv/deal-with-it/raw/master/glasses.png'>";
html += "<br />";
html += "<br />";
html += "<img width='" + deal_w + "'";
html += "height='" + deal_h + "'";
html += "style='display:none'";
html += "id='deal_with_it_text'";
html += "src='https://github.com/jgv/deal-with-it/raw/master/deal.png'>";
img.innerHTML = html;
document.getElementsByTagName("body")[0].appendChild(img);
var deal_div = deal("#deal_with_it");
var deal_scrollTop = getScrollTop();
var top = deal_scrollTop - glasses_h;
top += "px";
var middle = deal_scrollTop + glasses_top;
middle += "px";
deal_div.css({ "top" : top, "left" : glasses_left, "display" : "block" } );
deal_div.animate({"top": middle }, 4000, function() {
deal("#deal_with_it_text").css("display", "block");
deal_div.draggable();
});
};
if (typeof jQuery!='undefined') { //jq is true
var deal = jQuery.noConflict();
if (deal.ui) { // ui is true
dealwithit();
} else { // ui is false, jq is true
getScript('https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', function() { // load ui
if(deal.ui) {
dealwithit();
} else {
alert('error loading jquery ui');
}
});
}
}
if (typeof jQuery == 'undefined') { // ui is false
// more or less stolen form jquery core and adapted by paul irish
getScript('http://code.jquery.com/jquery-latest.min.js',function() { // load jq
if (typeof jQuery=='undefined') {
alert('error: yalls');
} else {
var deal = jQuery.noConflict();
}
if (deal.ui) { // jq true, ui true
dealwithit();
} else { // jq true, ui is false
getScript('https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', function() { // load ui
if(deal.ui) {
dealwithit();
} else {
alert('error loading jquery ui');
}
});
}
}); // end callback from loadin jq
}
})();