/** * @Name: _speedbump.js * @Author: Paul McLanahan * @Contrib: A lot of code from Stuart Langridge's NiceTitles at http://kryogenix.org/ * @Updated: 6-15-2005 * @Usage: Simply add the following line to the of your HTML page and this script * will seek out all links that point to a 3rd party domain and add a 3rd party Speed Bump (SB) * to them. All that's really required of you is that you add elements to the 'allowedDomains' * array to tell the script which links to ignore. * @Code: * @CSS: The class for the SB
will be 'speedbump', so you may style accordingly. The following style elements * are set by the JS, so you don't need to worry about them. * d.style.position = 'absolute'; * d.style.width = 'px'; // where is the variable below * d.style.top = ; // where which is a variable below. * d.style.left = ; // where is a variable below. * The rest of the CSS should go in _styles.css and in a declaration that looks like: * div.speedbump{ * border:2px solid #685539; * background:#fff; * padding:5px; * etc... * } * But using your own values for the actual styles of course. * You may then style any elements you add to the 'sbContent' variable below using the following example: * div.speedbump h2{ * color: #685539; * font-size: 2em; * letter-spacing: 3px; * etc... * } */ /////// start configuration //////////// var debug = false; // set to true to show an alert on page load with all links that will have the SB added. var sbWidth = 350; // width of the SB div var sbCentered = true; // whether or not to center the SB on the page. If false, the SB will be aligned relative to the link. var openInNewWindow = false; // whether or not to open the 3rd party links (TPLs) in new windows. This should always be false unless specifically asked for by the FI! var sbXOffset = -(sbWidth/2); // x offset. This is only used if sbCentered is false. Negative number means move left, positive means right. If 0 the left side of the SB will line up with the leftmost part of the link. var sbYOffset = -30; // y offset. Negative number means move up, positive means down. If 0 the bottom of the SB will align with the top of the link. This also sets how far the top of the SB is from the top of the window. var dhtmlTop = 100; // if the function showDHTMLSB() is called from coolmenus, this will set how far from the top of the page the SB is displayed. var allowedDomains = [ // array containing strings which, if any one is found in a link, will cause the SB not to be added to said link. "javascript", // DO NOT REMOVE. This will find all links that use JavaScript in the href and ignore them. "wraystatebank" // add your FI's domain here. ]; // Edit the html in the 'sbContent' variable below to modify the contents of the SB div. // Place the string ##SBLINK## inside an tag (example below). ##SBLINK## will be replaced by the necessary 'href' and/or 'onclick' attributes. var sbContent = ''; sbContent += '
Wray State Bank
'; sbContent += '

Third Party Site Disclaimer

'; sbContent += '

The "Continue" link below will take you out of the Wray State Bank website. Links which take you out of Wray State Bank web site are not under the control of the Wray State Bank, and the Wray State Bank is not responsible for the contents of any such site or any further links from such site. Wray State Bank is providing these links to you only as a convenience, and the inclusion of any link does not imply endorsement of the linked site by Wray State Bank.

'; sbContent += '
Continue  Decline
'; /////// end configuratin //////////////// /////// do not edit below this line ///// addEvent(window, "load", makeSpeedBumps); var XHTMLNS = "http://www.w3.org/1999/xhtml"; var CURRENT_SPEEDBUMP; var hiddenElements = new Array(); function makeSpeedBumps(){ if (!document.createElement || !document.getElementsByTagName){if(debug)alert("No createElement or getElementsByTagName.");return;} // add namespace methods to HTML DOM; this makes the script work in both // HTML and XML contexts. if(!document.createElementNS){ document.createElementNS = function(ns,elt){ return document.createElement(elt); } } // do our best to get the links[] array. if( !document.links){ document.links = document.getElementsByTagName("a"); } if(document.links){ if(debug)var out = "Links to which SBs will be attached:\n------------------------------------------\n"; if(debug)var out2 = "\nLinks to which SBs will NOT be attached:\n------------------------------------------\n"; // test every link for(i=0;i -1){ if(debug)out2 += "-> " + lnk.href + "\n"; isTPL = false; break; } } // if it didn't match any allowedDomains, add the SB stuff if(isTPL){ if(debug)out += "-> " + lnk.href + "\n"; lnk.setAttribute("speedbump",lnk.href); lnk.setAttribute("href","javascript:void(0);"); addEvent(lnk,"click",showSpeedBump); addEvent(lnk,"mouseover",fakeStatus); addEvent(lnk,"mouseout",clearStatus); } } } if(debug)alert(out+out2); } } function showSpeedBump(e) { hideSpeedBump(); if(lnk = getLnkObj(e)){ lnkPos = findPosition(lnk); lnkPosX = lnkPos[0]; lnkPosY = lnkPos[1]; // create the DIV via the DOM var d = document.createElementNS(XHTMLNS,"div"); // add styles d.className = "speedbump"; d.style.width = sbWidth + 'px'; d.style.position = 'absolute'; // calculate the left position. Either centered or relative to the link if (sbCentered && document.body && document.body.offsetWidth) { var dLeft = ((document.body.offsetWidth - sbWidth)/2); } else{ var dLeft = (lnkPosX+sbXOffset); if(debug)alert(lnkPosX+' + '+sbXOffset); if (document.body && document.body.offsetWidth && ((dLeft+sbWidth) > document.body.offsetWidth)) { dLeft = (document.body.offsetWidth - sbWidth - sbXOffset); if(debug)alert(document.body.offsetWidth+' - '+sbWidth+' - '+sbXOffset); } else if(dLeft < 1){ dLeft = -sbXOffset; } } d.style.left = dLeft + 'px'; // add the sbContent var reSBLink = /##SBLINK##/g; var sbHREF = lnk.getAttribute("speedbump"); var sbATag = openInNewWindow ? 'href="#" onclick="window.open(\'' + sbHREF + '\');hideSpeedBump();return false;"' : 'href="' + sbHREF + '" onclick="document.location.href=this.href;hideSpeedBump();return false;"'; d.innerHTML = sbContent.replace(reSBLink,sbATag); // hide elements that will show over the speedbump hideTroubleElements(true); // append the DIV to the body of the document document.getElementsByTagName("body")[0].appendChild(d); // calculate the top position of the div by getting its height after the sbContent is in if(d.offsetHeight){ // if we can get the height of the div, then use it var sbHeight = d.offsetHeight; } else{ // otherwise, we'll guess that they'll be 250px high on average var sbHeight = 250; } var dTop = lnkPosY - sbHeight + sbYOffset; if(dTop < 1){ dTop = lnkPosY - sbYOffset; } d.style.top = dTop + 'px'; // scroll the window such that the top of the SB is sbYOffset from the top of the window window.scrollTo(0,dTop + sbYOffset); CURRENT_SPEEDBUMP = d; } return false; } function showDHTMLSB(uri){ hideSpeedBump(); // create the DIV via the DOM var d = document.createElementNS(XHTMLNS,"div"); // add styles d.className = "speedbump"; d.style.width = sbWidth + 'px'; d.style.position = 'absolute'; // calculate the left position. Either centered or relative to the link var dLeft = ((document.body.offsetWidth - sbWidth)/2); d.style.left = dLeft + 'px'; // add the sbContent var reSBLink = /##SBLINK##/g; var sbHREF = uri; var sbATag = openInNewWindow ? 'href="#" onclick="window.open(\'' + sbHREF + '\');hideSpeedBump();return false;"' : 'href="' + sbHREF + '" onclick="document.location.href=this.href;hideSpeedBump();return false;"'; d.innerHTML = sbContent.replace(reSBLink,sbATag); // hide elements that will show over the speedbump hideTroubleElements(true); // append the DIV to the body of the document document.getElementsByTagName("body")[0].appendChild(d); var dTop = dhtmlTop; d.style.top = dTop + 'px'; // scroll the window such that the top of the SB is sbYOffset from the top of the window window.scrollTo(0,dTop + sbYOffset); CURRENT_SPEEDBUMP = d; } function hideSpeedBump() { if (!document.getElementsByTagName) return; if (CURRENT_SPEEDBUMP) { document.getElementsByTagName("body")[0].removeChild(CURRENT_SPEEDBUMP); CURRENT_SPEEDBUMP = null; } hideTroubleElements(false); } function hideTroubleElements(doHide){ if(document.getElementById){ if(obj = document.getElementById('cmdemo')){ if(doHide){ obj.style.visibility = 'hidden'; } else{ obj.style.visibility = 'visible'; } } } } function fakeStatus(e){ if(lnk = getLnkObj(e)){ // alert("Link to: "+lnk.getAttribute("speedbump")); window.status = lnk.getAttribute("speedbump"); return true; } else{ window.status = 'Third Party Website'; return true; } } function clearStatus(e){ window.status = ''; } function getParent(el, pTagName) { if (el == null) return null; else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()) // Gecko bug, supposed to be uppercase return el; else return getParent(el.parentNode, pTagName); } function getLnkObj(e){ if(!document.getElementsByTagName) return false; if(window.event && window.event.srcElement) { lnk = window.event.srcElement } else if(e && e.target){ lnk = e.target; } if(!lnk) return false; if(lnk.nodeName.toUpperCase() != "A") { // lnk is a textnode -- ascend parents until we hit a link lnk = getParent(lnk,"A"); } if(!lnk) return false; return lnk; } function findPosition( oLink ) { if( oLink.offsetParent ) { for( var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent ) { posX += oLink.offsetLeft; posY += oLink.offsetTop; } return [ posX, posY ]; } else { return [ oLink.x, oLink.y ]; } } // Add an eventListener to browsers that can do it somehow. // Originally by the amazing Scott Andrew. function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, true); // if(debug)alert("obj.addEventListener worked"); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); // if(debug)alert("obj.attachEvent worked"); return r; } else if (document.getElementById){ // feeble attempt to get this to work in IE for Mac // if(debug)alert("obj.on"+evType+"=fn worked"); eval("obj.on"+evType+"=fn"); } else{ if(debug)alert("addEvent won't work"); return false; } } function getParent(el, pTagName) { if (el == null) return null; else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()) // Gecko bug, supposed to be uppercase return el; else return getParent(el.parentNode, pTagName); }