Created
June 29, 2018 01:27
-
-
Save SpaceManiac/a8c05ca4b54d44004e9c2b5248701e73 to your computer and use it in GitHub Desktop.
Comcast "alert" injected into tail of HTTP request in order to deliver supposedly-"critical and time sensitive", non-disableable 100% data cap notif
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script language="JavaScript" type="text/javascript"> | |
// Copyright (C) 2017 Comcast Cable Communications, LLC | |
// Contact Us: http://customer.xfinity.com/contact-us/ | |
// Intended use of this message is to display critical and time sensitive notifications to customers. | |
/* | |
This program is free software; you can redistribute it and/or | |
modify it under the terms of the GNU General Public License | |
as published by the Free Software Foundation; either version 2 | |
of the License, or (at your option) any later version. | |
This program is distributed in the hope that it will be useful, | |
but WITHOUT ANY WARRANTY; without even the implied warranty of | |
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
GNU General Public License for more details. | |
You should have received a copy of the GNU General Public License | |
along with this program; if not, write to the Free Software | |
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |
http://www.gnu.org/licenses/old-licenses/lgpl-2.0.en.html | |
*/ | |
var _ComcastAlert = (function(){ | |
return { | |
SYS_URL: '/e8f6b078-0f35-11de-85c5-efc5ef23aa1f/aupm/notify.do' | |
, dragObj: {zIndex: 999999} | |
, browser: null | |
, comcastCheck: 1 | |
, comcastTimer: null | |
, xmlhttp: null | |
, go: function(){ | |
if(self.location !== top.location) return; | |
if(document.body){ | |
_ComcastAlert.browser = _ComcastAlert.checkBrowser(); | |
_ComcastAlert.ComcastBrowserNotice(); | |
_ComcastAlert.getXmlhttp(); | |
_ComcastAlert.checkBulletin(); | |
_ComcastAlert.initResizeCheck(); | |
_ComcastAlert.polyfillClassList(); | |
return _ComcastAlert; | |
}else{ | |
setTimeout(_ComcastAlert.go, 200); | |
} | |
} | |
, ComcastBrowserNotice: function(){ | |
// var image_url = 'http://bnpsa.g.comcast.net:80/images/ubb/'; | |
var image_url = 'https://bnp-service-alerts.gslb2.comcast.com/images/'; | |
var comcastAlertAnalytics = 'comcastalert.png'; | |
var noticeBMUID = '112215290'; | |
var winObj = { | |
image_url: image_url | |
, comcastAlertAnalytics: comcastAlertAnalytics | |
, comcastlogo_url: '<img src="' + image_url + 'comcast-logo-115x50.png" height="50" width="115"/>' | |
, xfinitylogo_url: '<img src="' + image_url + 'Xfinity-Logo-White-221x124.png" height="55" width="99"/>' | |
, headertext1: 'You've used 100% of your data usage plan' | |
, textline1: 'You have reached <b>100%</b> of your <b>1024</b> <b>GB</b> monthly XFINITY Internet data usage plan. We'll automatically add blocks of <b>50</b> <b>GB</b> to your account for an additional fee of <b>$</b><b>10</b> each. Your monthly overage charges will not exceed <b>$</b><b>200</b>.' | |
, textline2: 'To learn more about the Unlimited Data option, click <a class="cclink" href="http://www.xfinity.com/buy/plan/checkout/XFINUDAT?CMP=ILC:MA:MA:SUB:COM:GEN:INT5b06d238eeeec" target="_new">here</a>.' | |
, confirmBtn: '<a class="buttonlink button primary" href=\"#\" onClick=\"javascript:_ComcastAlert.close_comcast_alert()\">CLICK TO CLOSE</a>' | |
, privacypolicylink: '<a class="privacystatement" href="http://my.xfinity.com/privacy/" target="_new" style="color: #000000">PRIVACY POLICY</a>' | |
, termslink: '<a class="termsofservice" href="http://my.xfinity.com/terms/" target="_new" style="color: #000000">TERMS OF SERVICE</a>' | |
, usagemeterlink: '<a class="usagemeter" href="https://customer.comcast.com/Secure/UsageMeterDetail.aspx" target="_new" style="color: #000000">USAGE METER</a>' | |
, faqlink: '<a class="faqs" href="https://dataplan.xfinity.com/faq" target="_new" style="color: #000000">FAQs</a>' | |
, closebulletin: '<a href=\"#\" onClick=\"javascript:_ComcastAlert.close_comcast_alert()\"><img src="' + image_url + 'close_button_78x78.png" height="28" width="28"/></a>' | |
, analytics: '<img src="' + image_url + comcastAlertAnalytics + '?' + noticeBMUID + '_' + _ComcastAlert.comcastContentnoCache() + '">' | |
}; | |
this.createWindow(winObj); | |
} | |
, createWindow: function(winObj){ | |
var html = '<style type="text/css">'; | |
html+= '@font-face {font-family: XfinityStandard;src: url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff2) format("woff2"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff) format("woff"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.ttf) format("truetype");font-weight: 100;font-style: normal}' | |
html+= '@font-face {font-family: XfinityStandard;src: url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.woff2) format("woff2"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.woff) format("woff"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.ttf) format("truetype");font-weight: 200;font-style: normal}' | |
html+= '@font-face {font-family: XfinityStandard;src: url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff2) format("woff2"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff) format("woff"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.ttf) format("truetype");font-weight: 300;font-style: normal}' | |
html+= '@font-face {font-family: XfinityStandard;src: url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.woff2) format("woff2"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.woff) format("woff"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.ttf) format("truetype");font-weight: 400;font-style: normal}' | |
html+= '@font-face {font-family: XfinityStandard;src: url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff2) format("woff2"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff) format("woff"), url(https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.ttf) format("truetype");font-weight: 500;font-style: normal}' | |
html+='#comcast_content{width:650px;height:auto!important;height: 380px;min-height:380px;max-height:90%;font-family: XfinityStandard,helvetica,arial,sans-serif;background:#fff;border:1px solid #454545;position:absolute;top:50vh;right:50%;-webkit-transform:translate(50%,-45%);-ms-transform:translate(50%,-45%);transform:translate(50%,-45%);zoom:1;z-index:9999999999;opacity:0;-webkit-animation:popup .4s ease-out 500ms;animation:popup .4s ease-out 500ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex;flex-direction:column}@-webkit-keyframes popup{0%{-webkit-transform:translate(50%,-45%);opacity:0}100%{-webkit-transform:translate(50%,-50%);opacity:1}}@keyframes popup{0%{transform:translate(50%,-45%);opacity:0}100%{transform:translate(50%,-50%);opacity:1}}'; | |
html+='#comcast_content .header{height:60px;min-height:60px;width:100%;background-color:#000;repeat-x;z-index:99999999}'; | |
html+='#comcast_content .content-wrapper{padding:15px;max-height:50vh;height:auto;overflow-y:auto;}'; | |
html+='#comcast_content p{margin: 1em 0;}' | |
html+='#comcast_content .titletext1{color:#303030;text-align:left;padding:0;font:22px/24px bold XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;}'; | |
html+='#comcast_content .titletext2{color:#303030;text-align:left;padding:0;font:16px/18px bold XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200}'; | |
html+='#comcast_content .textcontent1{color:#303030;word-spacing: 1px;text-align:left;padding:0;font:15px/15px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;line-height:1.2}'; | |
html+='#comcast_content .textcontent2{color:#4C4C4C;text-align:left;padding:0;font:15px/15px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;line-height:1.2}'; | |
html+='#comcast_content .textcontent3{color:#000;text-align:left;padding:0;font:15px/15px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;line-height:1}'; | |
html+='#comcast_content .textcontent4{color:#000;text-align:left;padding:0;font:11px/11px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;line-height:1}'; | |
html+='#comcast_content .textcontent5{margin-left:20px;color:#000;text-align:left;padding:0;font:15px/15px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;line-height:1.2}'; | |
html+='#comcast_content .privacystatement{display:inline-block;font:12px/12px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;text-align:bottom;white-space:nowrap}'; | |
html+='#comcast_content .privacystatement:link{color:#000;text-decoration:none}'; | |
html+='#comcast_content .privacystatement:visited{color:#000;text-decoration:none}'; | |
html+='#comcast_content .privacystatement:hover{color:#000;text-decoration:underline}'; | |
html+='#comcast_content .termsofservice{display:inline-block;font:12px/12px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;text-align:bottom;white-space:nowrap}'; | |
html+='#comcast_content .termsofservice:link{color:#000;text-decoration:none}'; | |
html+='#comcast_content .termsofservice:visited{color:#000;text-decoration:none}'; | |
html+='#comcast_content .termsofservice:hover{color:#000;text-decoration:underline}'; | |
html+='#comcast_content .usagemeter{display:inline-block;font:12px/12px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;text-align:bottom;white-space:nowrap}'; | |
html+='#comcast_content .usagemeter:link{color:#000;text-decoration:none}'; | |
html+='#comcast_content .usagemeter:visited{color:#000;text-decoration:none}'; | |
html+='#comcast_content .usagemeter:hover{color:#000;text-decoration:underline}'; | |
html+='#comcast_content .faqs{display:inline-block;font:12px/12px XfinityStandard,Helvetica,Geneva,sans-serif;font-weight:200;text-align:bottom;white-space:nowrap}'; | |
html+='#comcast_content .faqs:link{color:#000;text-decoration:none}'; | |
html+='#comcast_content .faqs:visited{color:#000;text-decoration:none}'; | |
html+='#comcast_content .faqs:hover{color:#000;text-decoration:underline}'; | |
html+='#comcast_content .comcastlogo{z-index:9999999999;height:50px;width:115px;margin:0 auto 40px;}'; | |
html+='#comcast_content .comcastanalytics{float:right; height:1px; width:1px; right:1px; bottom:61px; margin:0 0 0 0}'; | |
html+='#comcast_content .acknowledgebutton{display:inline-block;margin:15px 20px 0 30px;color:#303030;text-align:left;padding:0;font:14px/16px Verdana,Geneva,sans-serif;line-height:1.2;z-index:9999999999}'; | |
html+='#comcast_content .xfinitylogo{display:inline-block;position:absolute;z-index:9999999999;left:10px;top:5px;margin:0 0 0 0;height:62px;width:110px}'; | |
html+='#comcast_content .closebn{display:inline-block;position:absolute;z-index:9999999999;right:0;top:16px;height:32px;width:32px;margin:0 10px 0 0}'; | |
html+='#comcast_content #footer{height:50px;width:100%;padding:10px;margin-top:10px; padding:0; box-sizing:border-box;color:white;background-color: white;text-align: left;}'; | |
html+='#comcast_content #footer .logo{float:right; width:115px; height:50px;}'; | |
html+='#comcast_content #footer .links{float: left}'; | |
html+='#comcast_content #footer .privacystatement{margin:0px; margin-top:15px;}'; | |
html+='#comcast_content #footer .termsofservice{margin-left:10px; margin-top:15px;}'; | |
html+='#comcast_content #footer .usagemeter{margin-left:10px; margin-top:15px;}'; | |
html+='#comcast_content #footer .faqs{margin-left:10px;margin-top:15px;}'; | |
html+='#comcast_content .scroll-button {height:30px;background-color:black;position:absolute;bottom: 0;left: 0;width: 100%;color: white;text-align: center;}'; | |
html+='#comcast_content .phone{white-space:nowrap;}'; | |
html+='#comcast_content #down{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);width:25px; height:30px; margin:0 auto; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAAXNSR0IArs4c6QAAAG9JREFUGBlj/P///1YGBgZ+IA5kZGR8DaRxAqBaUaDkeiD+yADkHAFiELgCxCAJrAAkB1UDpP4fAWlEFsCqGacanBJAu/HJgZ2GTQE2MWL8AXI2CIMAVi+gGAJUhOxn4jTBTACqFgNiUGiDMNaQBgCsa9JF9Yt6ZQAAAABJRU5ErkJggg==) no-repeat center center;}'; | |
html+='#comcast_content #down.rotate{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}'; | |
html+='#comcast_content .cclink{color:#008EC9; text-decoration:none; font-weight: bold;}'; | |
html+='#comcast_content .cclink:hover{text-decoration:underline; font-weight: bold;}'; | |
html+='#comcast_content .underline{text-decoration:underline;}'; | |
html+='#comcast_content .button-row{text-align: center;}'; | |
html+='#comcast_content .button.primary{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;font-family: XfinityStandard, Helvetica, Geneva, Sans-serif;font-weight: 200; font-size: 15px; text-decoration:none; letter-spacing: .75px; display: inline-block; line-height: 28px;color: #fff;box-sizing: border-box;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0);text-align: center;background: 0;border: 0;height: 38px;line-height: 38px;padding: 0 2em; margin-top:5px;border-radius: 1.5ex; background: transparent;background-color: #0272b6;}' | |
html+='#comcast_content .button.primary:hover{background-color: #1a6992;border-color: #1a6992;}' | |
html+='#comcast_content.mobile-size { width: 80%; min-width: 300px; height:90%; top:45vh;}'; | |
html+='#comcast_content.mobile-size .content-wrapper {padding: 10px 15px;overflow-y:scroll;-webkit-overflow-scrolling: touch;}'; | |
html+='#comcast_content.mobile-size .titletext1 { font: 22px/24px bold XfinityStandard,Helvetica, Geneva, sans-serif;}'; | |
html+='#comcast_content.mobile-size #footer .logo{width: 100%;margin: 0 auto;}'; | |
html+='#comcast_content.mobile-size #footer .links{float: none;text-align: center;}'; | |
html+='#comcast_content.mobile-size #footer .privacystatement {margin-left: 0px;}'; | |
html+='#comcast_content.mobile-size #footer .termsofservice {margin-left: 5px;}'; | |
html+='#comcast_content.mobile-size #footer .usagemeter {margin-left: 5px;}'; | |
html+='#comcast_content.mobile-size #footer .faqs {margin-left: 5px;}'; | |
if (_ComcastAlert.browser.isIE && _ComcastAlert.browser.version<10){ | |
html+='#comcast_content{opacity:1;}' | |
} | |
if (_ComcastAlert.browser.isIE && _ComcastAlert.browser.version<9){ | |
html+='#comcast_content {max-height:none;}'; | |
html+='#comcast_content .scroll-button{display: none;}'; | |
} | |
html += '</style>'; | |
if (_ComcastAlert.browser.isIE && _ComcastAlert.browser.version<10){ | |
html += '<div class="main-wrapper" id="comcast_content">'; | |
}else{ | |
var mq = window.matchMedia("(max-width: 650px)"); | |
if(mq.matches){ | |
html += '<div class="main-wrapper mobile-size" id="comcast_content">'; | |
}else{ | |
html += '<div class="main-wrapper" id="comcast_content">'; | |
} | |
} | |
html += '<div class="header" onmousedown="javascript:_ComcastAlert.dragStart(event,\'comcast_content\')">'; | |
html += '<p class="xfinitylogo">'; | |
html += winObj.xfinitylogo_url; | |
html += '</p>'; | |
html += '<p class="closebn">'; | |
html += winObj.closebulletin; | |
html += '</p>'; | |
html += '</div>'; | |
html += '<div class="content-wrapper">'; | |
html += '<p class="titletext1">'; | |
html += winObj.headertext1; | |
html += '</p>'; | |
html += '<p class="textcontent1">'; | |
html += winObj.textline1; | |
html += '</p>'; | |
html += '<p class="textcontent1">'; | |
html += winObj.textline2; | |
html += '</p>'; | |
html += '<div class="button-row">'; | |
html += winObj.confirmBtn; | |
html += '</div>'; | |
html += '<div id="footer">'; | |
html += '<div class="links">'; | |
html += '<p class="privacystatement">'; | |
html += winObj.privacypolicylink; | |
html += '</p>'; | |
html += '<p class="termsofservice">'; | |
html += winObj.termslink; | |
html += '</p>'; | |
html += '<p class="usagemeter">'; | |
html += winObj.usagemeterlink; | |
html += '</p>'; | |
html += '<p class="faqs">'; | |
html += winObj.faqlink; | |
html += '</p>'; | |
html += '</div>'; | |
html += '<div class="logo">'; | |
html += '<p class="comcastlogo">'; | |
html += winObj.comcastlogo_url; | |
html += '</p>'; | |
html += '<p class="comcastanalytics">'; | |
html += winObj.analytics; | |
html += '</p>'; | |
html += '</div>'; | |
html += '</div>'; | |
html += '</div>'; | |
html += '<div class="scroll-button" onmousedown="javascript:_ComcastAlert.scrollPopUp()"><div id="down"></div></div>'; | |
html += '</div>'; | |
html += '</div>'; | |
document.body.innerHTML = document.body.innerHTML + html; | |
} | |
// Function to Determine browser and version. Copyright 2001 by Mike Hall. | |
, checkBrowser: function() { | |
var ua, s, i; | |
var browser = { | |
isIE: false | |
, isNS: false | |
, version: null | |
}; | |
ua = navigator.userAgent; | |
s = "MSIE"; | |
if ((i = ua.indexOf(s)) >= 1) { | |
browser.isIE = true; browser.version = parseFloat(ua.substr(i + s.length)); | |
} | |
s = "Netscape6/"; | |
if ((i = ua.indexOf(s)) >= 0) { | |
browser.isNS = true; browser.version = parseFloat(ua.substr(i + s.length)); | |
} | |
s = "Gecko"; | |
if ((i = ua.indexOf(s)) >= 0) { | |
browser.isNS = true; browser.version = 6.1; | |
} | |
return browser; | |
} | |
, dragStart: function(event, id) { | |
var browser1 = _ComcastAlert.browser; | |
var dragObj = _ComcastAlert.dragObj; | |
//console.log("dragObj="+ dragObj) | |
var el; | |
var x, y; | |
if (id) dragObj.elNode = document.getElementById(id); | |
else { | |
if (browser1.isIE) dragObj.elNode = window.event.srcElement; | |
if (browser1.isNS) dragObj.elNode = event.target; | |
if (dragObj.elNode.nodeType == 3) dragObj.elNode = dragObj.elNode.parentNode; | |
} | |
if (browser1.isIE) { | |
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; | |
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; | |
} | |
if (browser1.isNS) { | |
x = event.clientX + window.scrollX; | |
y = event.clientY + window.scrollY; | |
} | |
dragObj.cursorStartX = x; | |
dragObj.cursorStartY = y; | |
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10); | |
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10); | |
if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = dragObj.elNode.offsetLeft;//100; | |
if (isNaN(dragObj.elStartTop)) dragObj.elStartTop = dragObj.elNode.offsetTop;//400; | |
if (browser1.isIE) { | |
document.attachEvent("onmousemove", _ComcastAlert.dragGo); | |
document.attachEvent("onmouseup", _ComcastAlert.dragStop); | |
window.event.cancelBubble = true; | |
window.event.returnValue = false; } | |
if (browser1.isNS) { | |
document.addEventListener("mousemove", _ComcastAlert.dragGo, true); | |
document.addEventListener("mouseup", _ComcastAlert.dragStop, true); | |
event.preventDefault(); | |
} | |
} | |
// End Function | |
, initResizeCheck: function() { | |
var browser1 = _ComcastAlert.browser; | |
if (browser1.isIE && browser1.version<9){ | |
window.attachEvent("onresize", _ComcastAlert.onWindowResize); | |
_ComcastAlert.onWindowResize(); | |
}else{ | |
window.addEventListener('resize', _ComcastAlert.onWindowResize, false); | |
_ComcastAlert.monitorScroll(); | |
} | |
} | |
, onWindowResize: function() { | |
var browser1 = _ComcastAlert.browser; | |
if (browser1.isIE && browser1.version<9){ | |
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; | |
var dragObj = document.getElementById("comcast_content"); | |
dragObj.style.position = "absolute"; | |
dragObj.style.left = (windowWidth-dragObj.offsetWidth)/2 +"px"; | |
dragObj.style.top = '70px'; | |
}else{ | |
var popup = document.getElementById('comcast_content'); | |
var obj = popup.classList.contains('mobile-size'); | |
// console.log(obj) | |
var mq = window.matchMedia("(max-width: 650px)"); | |
// console.log(mq) | |
if(mq.matches) { | |
//alert('match') | |
popup.classList.add('mobile-size'); | |
} else{ | |
popup.classList.remove('mobile-size'); | |
} | |
} | |
} | |
, comcastContentnoCache: function() { | |
return Math.round(Math.random() * 96151252); | |
} | |
, dragGo: function(event) { | |
var browser1 = _ComcastAlert.browser; | |
var dragObj = _ComcastAlert.dragObj; | |
var x, y; | |
if (browser1.isIE) { | |
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; | |
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; | |
} | |
if (browser1.isNS) { | |
x = event.clientX + window.scrollX; y = event.clientY + window.scrollY; | |
} | |
dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px"; | |
dragObj.elNode.style.top = (dragObj.elStartTop + y - dragObj.cursorStartY) + "px"; | |
if (browser1.isIE) { window.event.cancelBubble = true; window.event.returnValue = false; } | |
if (browser1.isNS) event.preventDefault(); | |
} | |
, dragStop: function(event) { | |
var browser1 = _ComcastAlert.browser; | |
if (browser1.isIE) { | |
document.detachEvent("onmousemove", _ComcastAlert.dragGo); | |
document.detachEvent("onmouseup", _ComcastAlert.dragStop); | |
} | |
if (browser1.isNS) { | |
document.removeEventListener("mousemove", _ComcastAlert.dragGo, true); | |
document.removeEventListener("mouseup", _ComcastAlert.dragStop, true); | |
} | |
} | |
, getXmlhttp: function(){ | |
var xmlhttp=false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } @end @*/ | |
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { | |
try { | |
xmlhttp = new XMLHttpRequest(); | |
} catch (e) { | |
xmlhttp=false; | |
} | |
} | |
if (!xmlhttp && window.createRequest) { | |
try { | |
xmlhttp = window.createRequest(); | |
} catch (e) { | |
xmlhttp=false; | |
} | |
} | |
this.xmlhttp = xmlhttp; | |
} | |
, checkBulletin: function(){ | |
if(_ComcastAlert.comcastCheck==0) { return; } | |
var xmlhttp = _ComcastAlert.xmlhttp; | |
xmlhttp.open("GET", _ComcastAlert.SYS_URL+'?dispatch=checkBulletin',true); | |
xmlhttp.onreadystatechange = function() { | |
if (xmlhttp.readyState == 4) { | |
if(xmlhttp.responseText.indexOf('43a1028c-7d11-11de-b687-1f15c5ad6a13') == -1){ | |
document.getElementById('comcast_content').style.display="none"; | |
_ComcastAlert.comcastCheck = 0; | |
} | |
_ComcastAlert.comcastTimer = setTimeout("_ComcastAlert.checkBulletin()",5000); | |
}; | |
}; | |
xmlhttp.send(null); | |
} | |
, close_comcast_alert: function() { | |
document.getElementById('comcast_content').style.display = "none"; | |
_ComcastAlert.sendAck(); | |
} | |
, monitorScroll: function(){ | |
var div = document.getElementsByClassName('content-wrapper')[0]; | |
var downBtn = document.getElementById('down'); | |
div.addEventListener("scroll", function(e) { | |
if (div.scrollTop + div.clientHeight >= div.scrollHeight){ | |
downBtn.classList.add('rotate'); | |
}else if (div.scrollTop==0){ | |
downBtn.classList.remove('rotate'); | |
} | |
}); | |
} | |
, acknowledge: function() { | |
_ComcastAlert.sendAck(); | |
document.getElementById('comcast_content').style.display = "none"; | |
} | |
, sendAck: function(){ | |
var xmlhttp = _ComcastAlert.xmlhttp; | |
xmlhttp.open("GET", _ComcastAlert.SYS_URL+'?dispatch=ackBulletin',true); | |
xmlhttp.send(null) | |
} | |
, scrollPopUp: function() { | |
_ComcastAlert.scrollIt( | |
document.querySelector('.content-wrapper'), | |
100, | |
'easeOutQuad', | |
function(){ | |
// console.log('end scroll') | |
} | |
// function(){console.log('end scroll')} | |
); | |
} | |
, scrollIt: function(destination, duration, easing, callback) { | |
//scrollIt: function(destination, duration=200, easing='linear', callback) { | |
var easings = { | |
linear: function(t) { | |
return t; | |
}, | |
easeInQuad: function(t) { | |
return t * t; | |
}, | |
easeOutQuad: function(t) { | |
return t * (2 - t); | |
}, | |
easeInOutQuad: function(t) { | |
return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t; | |
}, | |
easeInCubic: function(t) { | |
return t * t * t; | |
}, | |
easeOutCubic: function(t) { | |
return (--t) * t * t + 1; | |
}, | |
easeInOutCubic: function(t) { | |
return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1; | |
}, | |
easeInQuart: function(t) { | |
return t * t * t * t; | |
}, | |
easeOutQuart: function(t) { | |
return 1 - (--t) * t * t * t; | |
}, | |
easeInOutQuart: function(t) { | |
return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * (--t) * t * t * t; | |
}, | |
easeInQuint: function(t) { | |
return t * t * t * t * t; | |
}, | |
easeOutQuint: function(t) { | |
return 1 + (--t) * t * t * t * t; | |
}, | |
easeInOutQuint: function(t) { | |
return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * (--t) * t * t * t * t; | |
} | |
}; | |
var div = document.getElementsByClassName('content-wrapper')[0]; | |
var downBtn = document.getElementById('down'); | |
var aTop; | |
(div.scrollTop + div.clientHeight >= div.scrollHeight) ? atTop = false : atTop = true; | |
var start = div.pageYOffset; | |
var scrollPanels = Math.floor(div.scrollHeight/div.clientHeight); | |
var startTime = 'now' in window.performance ? performance.now() : new Date().getTime(); | |
var distToEnd = div.scrollHeight - div.scrollTop; | |
var ratio = Math.ceil(div.scrollHeight/distToEnd); | |
var destinationOffsetToScroll = ratio*div.clientHeight; | |
if ('requestAnimationFrame' in window === false) { | |
if (atTop==true){ | |
div.scrollTop +=destinationOffsetToScroll; | |
if (div.scrollTop >= destinationOffsetToScroll || div.scrollTop+div.clientHeight >= div.scrollHeight) { | |
if (callback) { | |
if (div.scrollTop+div.clientHeight >= div.scrollHeight){ | |
atTop = false; | |
downBtn.classList.add('rotate'); | |
} | |
callback(); | |
} | |
return; | |
} | |
}else{ | |
div.scrollTop =0; | |
if (div.scrollTop == 0 ) { | |
if (callback) { | |
atTop = true; | |
downBtn.classList.remove('rotate'); | |
callback(); | |
} | |
return; | |
} | |
} | |
} | |
function scroll() { | |
var now = 'now' in window.performance ? performance.now() : new Date().getTime(); | |
var time = Math.min(1, ((now - startTime) / duration)); | |
var timeFunction = easings[easing](time); | |
if (atTop==true){ | |
div.scrollTop +=30; | |
if (div.scrollTop >= destinationOffsetToScroll || div.scrollTop+div.clientHeight >= div.scrollHeight) { | |
if (callback) { | |
if (div.scrollTop+div.clientHeight >= div.scrollHeight){ | |
//alert(div.scrollTop >= destinationOffsetToScroll) | |
atTop = false; | |
downBtn.classList.add('rotate'); | |
} | |
callback(); | |
} | |
return; | |
} | |
}else{ | |
div.scrollTop -=60; | |
if (div.scrollTop == 0 ) { | |
if (callback) { | |
atTop = true; | |
downBtn.classList.remove('rotate'); | |
callback(); | |
} | |
return; | |
} | |
} | |
requestAnimationFrame(scroll); | |
} | |
scroll(); | |
} | |
// Function for Cross-browser full element.classList implementation. | |
/* | |
* By Eli Grey, http://eligrey.com | |
* License: Dedicated to the public domain. | |
* See https://github.com/eligrey/classList.js/blob/master/LICENSE.md | |
*/ | |
/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */ | |
,polyfillClassList: function(){ | |
"document"in self&&("classList"in document.createElement("_")&&(!document.createElementNS||"classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))||!function(t){"use strict";if("Element"in t){var e="classList",n="prototype",i=t.Element[n],s=Object,r=String[n].trim||function(){return this.replace(/^\s+|\s+$/g,"")},o=Array[n].indexOf||function(t){for(var e=0,n=this.length;n>e;e++)if(e in this&&this[e]===t)return e;return-1},a=function(t,e){this.name=t,this.code=DOMException[t],this.message=e},c=function(t,e){if(""===e)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(e))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return o.call(t,e)},l=function(t){for(var e=r.call(t.getAttribute("class")||""),n=e?e.split(/\s+/):[],i=0,s=n.length;s>i;i++)this.push(n[i]);this._updateClassName=function(){t.setAttribute("class",""+this)}},u=l[n]=[],h=function(){return new l(this)};if(a[n]=Error[n],u.item=function(t){return this[t]||null},u.contains=function(t){return t+="",-1!==c(this,t)},u.add=function(){var t,e=arguments,n=0,i=e.length,s=!1;do t=e[n]+"",-1===c(this,t)&&(this.push(t),s=!0);while(++n<i);s&&this._updateClassName()},u.remove=function(){var t,e,n=arguments,i=0,s=n.length,r=!1;do for(t=n[i]+"",e=c(this,t);-1!==e;)this.splice(e,1),r=!0,e=c(this,t);while(++i<s);r&&this._updateClassName()},u.toggle=function(t,e){t+="";var n=this.contains(t),i=n?e!==!0&&"remove":e!==!1&&"add";return i&&this[i](t),e===!0||e===!1?e:!n},u.toString=function(){return this.join(" ")},s.defineProperty){var f={get:h,enumerable:!0,configurable:!0};try{s.defineProperty(i,e,f)}catch(g){(void 0===g.number||-2146823252===g.number)&&(f.enumerable=!1,s.defineProperty(i,e,f))}}else s[n].__defineGetter__&&i.__defineGetter__(e,h)}}(self),function(){"use strict";var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var e=function(t){var e=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var n,i=arguments.length;for(n=0;i>n;n++)t=arguments[n],e.call(this,t)}};e("add"),e("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var n=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return 1 in arguments&&!this.contains(t)==!e?e:n.call(this,t)}}t=null}()); | |
} | |
} | |
}()); | |
_ComcastAlert.go(); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment