" +
" " +
"
" +
" " +
"
" +
" " +
"
" +
"
" +
" " +
"
![](\"//webcdn2.cox.com/ui/presentation/tsw/img/header/default-header-res.gif\")
<\/ul>" +
" " +
" - Contact Us<\/a><\/li>" +
" <\/ul>" +
" <\/div>" +
" <\/div>" +
" " +
" " +
" " + "" + "" + "
- " +
"
- Residential Homepage<\/a><\/li>" +
" <\/ul>" +
" " +
"
- " +
"
- Shop<\/a><\/li>" +
"
- My Account<\/a><\/li>" + "
- WebMail<\/a><\/li>" + "
- My Connection<\/a><\/li>" + "
- Support<\/a><\/li>" + " <\/ul>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + " <\/div>" + " " + " " + "
" + "" + "" + "<\/a><\/div>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + " <\/div>" + " " + "<\/div>" + "" + "" + "" + ""; // default business header content (if ajax fails) var defaultBusinessHeaderContent = "" + "" + "" + "" + "" + "- " +
"
- Residential Homepage<\/a> " + "
" + "" + "" + " " + "" + " " + "" + " " + "" + "" + " " + "![](\"//webcdn2.cox.com/ui/presentation/tsw/img/header/default-header-biz.gif\")
<\/ul>" +
" " +
" - Contact Us<\/a><\/li>" +
" <\/ul>" +
" <\/div>" +
" <\/div>" +
" " +
" " +
" " + "" + "" + "
- " +
"
- Business Homepage<\/a><\/li>" +
" <\/ul>" +
" " +
"
- " +
"
- Products & Solutions<\/a><\/li>" +
"
- Industry Expertise<\/a><\/li>" + "
- Support & Resources<\/a><\/li>" + "
- MyAccount<\/a><\/li>" + "
- Billing Tools<\/a><\/li>" + " <\/ul>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + " <\/div>" + " " + " " + "
" + "" + "" + "<\/a><\/div>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + " <\/div>" + " " + "<\/div>" + "" + "" + "" + ""; // build end date variable for footer var now = new Date(); var endYear = now.getFullYear(); // default footer content (if ajax fails) var defaultFooterContent = "" + "" + "" + "" + "" + "- " +
"
- Business Homepage<\/a> " + "
" + " " + "" + "" + "" + "" + "- " +
"
- I want to...<\/li>" + "
- View & Pay My Bill<\/a><\/li>" +
"
- Manage My Account<\/a><\/li>" + "
- Check My WebMail<\/a><\/li>" + " <\/div>" + " <\/div>" + " <\/ul>" + "
- " +
"
- <\/li>" + "
- Get Support for My Home Services<\/a><\/li>" +
"
- Get Support for My Business Services<\/a><\/li>" + "
- Find a Retail Location<\/a><\/li>" + " <\/div>" + " <\/div>" + " <\/ul>" + "
- " +
"
- <\/li>" +
" <\/ul>" +
" <\/div>" +
" <\/div>" + "" + "
- " +
"
- Shop<\/a><\/li>" +
"
- TV<\/a><\/li>" + "
- Internet<\/a><\/li>" + "
- Home Phone<\/a><\/li>" + "
- Cox Business Services<\/a><\/li>" + " <\/div>" + " <\/div>" + " <\/ul>" + " <\/div>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + " " + "
" + "" + "" + " <\/div>" + "" + "" + " © 1998-" + endYear + " Cox Communications, Inc." + " <\/div>" + "" + " YouTube<\/a>" + " Instagram<\/a>" + " Facebook<\/a>" + " Twitter<\/a>" + " Google+<\/a>" + " <\/div>" + " <\/div>" + " <\/div>" + " <\/div>" + " " + "<\/div>" + ""; // determine which default header should be used var defaultHeaderContent = ""; if ("cmsresidential" == "cmsbusiness") { defaultHeaderContent = defaultBusinessHeaderContent; } else if ("cmsresidential" == "cmsbusiness-myaccount") { defaultHeaderContent = defaultBusinessHeaderContent; }else if ("cmsresidential" == "cmsbusiness-cbvm") { defaultHeaderContent = defaultBusinessHeaderContent; }else { defaultHeaderContent = defaultResidentialHeaderContent; } /** * CCIPF.init * * this is a placeholder in case someone upgrades to 2.0 and doesn't remove the old * CCIPF.init with header/footer url's from page */ this.init = function() { return; }; /** * CCIPF.exec */ this.exec = function() { console.log("CCIPF.exec"); // build the header and footer urls if ("cmsresidential" == "cmsresidential") { headerUrl = "//www.cox.com/webapi/cmsapi/header/cmsresidential"; footerUrl = "//www.cox.com/webapi/cmsapi/footer/cmsresidential"; } else if ("cmsresidential" == "cmsbusiness") { headerUrl = "//www.cox.com/webcbapi/cmsapi/header/cmsresidential"; footerUrl = "//www.cox.com/webcbapi/cmsapi/footer/cmsresidential"; } else if ("cmsresidential" == "cmsbusiness-cbvm") { headerUrl = "//www.cox.com/webcbapi/cmsapi/header/cmsresidential"; footerUrl = "//www.cox.com/webcbapi/cmsapi/footer/cmsresidential"; } else if ("cmsresidential" == "cmsbusiness-myaccount") { headerUrl = "//www.cox.com/webcbapi/cmsapi/header/cmsresidential"; footerUrl = "//www.cox.com/webcbapi/cmsapi/footer/cmsresidential"; } else { headerUrl = "//www.cox.com/presentation/cmsapi/cms/header/cmsresidential"; footerUrl = "//www.cox.com/presentation/cmsapi/cms/footer/cmsresidential"; } // set up header and footer this._initHeader(headerUrl); this._initFooter(footerUrl); this._CCIcssURL = cssUrl; this._CCIcssIEURL = cssIEUrl; // load the framework css file this._loadCss(this._CCIcssURL); // load the IE 9 and below specific framework css file if (this._isIE() && this._isIE() <= 9) { this._loadCss(this._CCIcssIEURL); } // load the header (footer comes later) this._loadHeader(); }; /** * _isIE * * IE version check */ this._isIE = function() { var myNav = navigator.userAgent.toLowerCase(); return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false; }; /** * _script */ this._script = null; /** * _initHeader * * Create the CoxPFHeader header div and load the throbber. */ this._initHeader = function(headerUrl) { console.log("CCIPF._initHeader"); this.headerDiv = "CoxPFHeader"; // create the header div at the top of the body DOM var bodyTop = document.body.children[0]; var bodyTopElem = document.createElement("div"); bodyTopElem.id = this.headerDiv; document.body.insertBefore(bodyTopElem, bodyTop); // add the loading animation into the header document.getElementById(this.headerDiv).innerHTML = loaderContent; this.headerUrl = headerUrl; }; /** * _initFooter * * Create the CoxPFFooter footer div and load the throbber. */ this._initFooter = function(footerUrl) { console.log("CCIPF._initFooter"); this.footerDiv = "CoxPFFooter"; // create the footer div at the bottom of the body DOM var bodyBotElem = document.createElement("div"); bodyBotElem.id = this.footerDiv; document.body.appendChild(bodyBotElem); // add the loading animation into the footer document.getElementById(this.footerDiv).innerHTML = loaderContent; this.footerUrl = footerUrl; }; /** * _loadCss * * Load any external Css files and add to the HTML HEAD */ this._loadCss = function(url) { console.log("CCIPF_loadCss"); var head = document.getElementsByTagName("head")[0]; if (!head) { fail(); return; } this._css = document.createElement('link'); this._css.rel = 'stylesheet'; this._css.href = url; head.appendChild(this._css); }; /** * _loadJS * * Load any external JavaScript files and add to the HTML HEAD and issue a success or failure callback. */ this._loadJS = function(url) { console.log("CCIPF_loadJS", url); var head = document.getElementsByTagName("head")[0]; if (!head) { fail(); return; } this._script = document.createElement('script'); this._script.type = 'text/javascript'; this._script.src = url; head.appendChild(this._script); }; /** * _loadHeader * * Load the header */ this._loadHeader = function() { console.log("CCIPF_loadHeader"); if (CCIPF.headerUrl) { CCIPF._loadComponentXHR(CCIPF.headerUrl, CCIPF.headerDiv); } }; /** * _loadFooter * * Load the footer */ this._loadFooter = function() { console.log("CCIPF_loadFooter"); if (CCIPF.footerUrl) { CCIPF._loadComponentXHR(CCIPF.footerUrl, CCIPF.footerDiv); } }; /** * _loadComponentXHR * * Load an html file and inject the contents into a given DOM element. */ this._loadComponentXHR = function(url, target) { console.log("CCIPF_loadComponentXHR: " + target); if (target === "CoxPFHeader" ) { var displayContent = defaultHeaderContent; } if (target === "CoxPFFooter" ) { var displayContent = defaultFooterContent; } var contentRequest = CCIPF._createCORSRequest("get", url); if (contentRequest) { contentRequest.onload = function() { document.getElementById(target).innerHTML = contentRequest.responseText; console.log("CCIPF content loaded for: " + target); if (target === "CoxPFHeader" ) { // load the footer on after the header is loaded, // otherwise loading presentation.js may fail if timing is off CCIPF._loadFooter(); // eval the header html to execute (any load) any javascript in the response CCIPF._processScripts(target); } if (target === "CoxPFFooter" ) { // eval the footer html to execute (any load) any javascript in the response CCIPF._processScripts(target); } }; contentRequest.onerror = function() { console.log("CCIPF content error for: " + target + ". Loading default content."); document.getElementById(target).innerHTML = displayContent; }; contentRequest.timeout = 15000; contentRequest.ontimeout = function() { console.log("CCIPF content timeout for: " + target + ". Loading default content."); document.getElementById("CoxPFHeader").innerHTML = defaultHeaderContent; document.getElementById("CoxPFFooter").innerHTML = defaultFooterContent; }; contentRequest.send(); } else { console.log("CORS Failure"); document.getElementById("CoxPFHeader").innerHTML = defaultHeaderContent; document.getElementById("CoxPFFooter").innerHTML = defaultFooterContent; console.log("CCIPF load content failure for: " + target); } }; /** * _processScripts * * Process any internal and external scripts loaded in a block of content */ this._processScripts = function(target) { console.log("CCIPF_processScripts for: " + target); var targetObj = document.getElementById(target); var arr = targetObj.getElementsByTagName('script'); for (var n = 0; n < arr.length; n++) { if (arr[n].src != "") { // load any externally referenced js files CCIPF._loadJS(arr[n].src); } else if (arr[n].type != "application/json" && arr[n].type !== "text/template" && arr[n].type !== "application/ld+json") { // evaluate any inline scripts CCIPFglobalEval(arr[n].innerHTML); } } }; /** * _createCORSRequest * * XDomain Ajax Method */ this._createCORSRequest = function(method, url) { console.log("CCIPF_createCORSRequest"); var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr) { xhr.open(method, url, true); // XHR for Chrome/Safari/Firefox xhr.withCredentials = true; // Allows for cookie sharing } else if (typeof XDomainRequest != "undefined") { //IE: http://msdn.microsoft.com/en-us/library/cc288060%28VS.85%29.aspx xhr = new XDomainRequest(); if (xhr) { xhr.open(method, url); } else { console.log("XDomainRequest error"); } } else { xhr = null; } return xhr; }; }; /** * CCIPFcompleted * * The ready event handler and self cleanup method */ function CCIPFcompleted() { console.log("CCIPFcompleted"); // readyState === "complete" is good enough for us to call the dom ready in oldIE if (document.addEventListener || event.type === "load" || document.readyState === "complete") { CCIPFdetach(); CCIPF.exec(); } } /** * CCIPFglobalEval * Evaluates a script in a global context * Workarounds based on findings by Jim Driscoll * http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context */ function CCIPFglobalEval( data ) { console.log("CCIPFglobalEval"); //if ( data && jQuery.trim( data ) ) { if ( data ) { // We use execScript on Internet Explorer // We use an anonymous function so that context is window ( window.execScript || function( data ) { window[ "eval" ].call( window, data ); } )( data ); } } /** * CCIPFdetach * * Clean-up method for dom ready events */ function CCIPFdetach() { console.log("CCIPFdetach"); if (document.addEventListener) { document.removeEventListener("DOMContentLoaded", CCIPFcompleted, false); window.removeEventListener("load", CCIPFcompleted, false); } else { document.detachEvent("onreadystatechange", CCIPFcompleted); window.detachEvent("onload", CCIPFcompleted); } } /** * Add the event handlers so we no longer need the init at the bottom of the html */ if (document.addEventListener) { // Use the handy event callback document.addEventListener("DOMContentLoaded", CCIPFcompleted, false); // A fallback to window.onload, that will always work window.addEventListener("load", CCIPFcompleted, false); // If IE event model is used } else { // Ensure firing before onload, maybe late but safe also for iframes document.attachEvent("onreadystatechange", CCIPFcompleted); // A fallback to window.onload, that will always work window.attachEvent("onload", CCIPFcompleted); } - TV<\/a><\/li>" + "
" + "" + " - Shop<\/a><\/li>" +
"
- Get Support for My Business Services<\/a><\/li>" + "
" + "" + " - Manage My Account<\/a><\/li>" + "
" + "" + " - Industry Expertise<\/a><\/li>" + "
- Products & Solutions<\/a><\/li>" +
"
- Business Homepage<\/a><\/li>" +
" <\/ul>" +
" " +
"
- " +
"
- My Account<\/a><\/li>" + "
- Shop<\/a><\/li>" +
"
- Residential Homepage<\/a><\/li>" +
" <\/ul>" +
" " +
"
- " +
"