Widget Setup: Full List of the Day

Demo

Setup

Copy and paste the code below into your page at the place you want the list to appear:

<div id="_cx_lotdif"></div><script>(function(){ var _p = document.getElementById('_cx_lotdif'); var bind = function(target, message, handler){ if(target.addEventListener){ target.addEventListener(message, handler, false); } else{ /* IE 8 */ target.attachEvent("on"+message, handler); } }; if(window['postMessage']){ bind(window, "message", function(event){ if(event.origin != 'https://0.0.0.0') return; try{ document.getElementById("_cx_lotdif_if").style.height = ""+event.data+"px"; } catch(e){} }); } else{ /* IE < 8 */ var last_hash = document.location.hash; var interval_id; interval_id = setInterval(function(){ var hash = document.location.hash; var re = /^#?/; if(hash !== last_hash){ if(re.test(hash)){ var height = hash.replace(re, '').split(String.fromCharCode(38))[0]; try{ document.getElementById("_cx_lotdif_if").style.height = ""+height+"px"; } catch(e){} clearInterval(interval_id); } } }, 100); } var bits = document.location.href.split("/"); var scheme = bits[0].substr(0, bits[0].length-1); var target_origin = encodeURIComponent(scheme + "://" + bits[2]); var _f = document.createElement('IFRAME'); _f.setAttribute("id", "_cx_lotdif_if"); _f.setAttribute("src", "https://www.collegexpress.com/widgets/list_of_the_day_in_full/?width=600" + String.fromCharCode(38) + "target_origin=" + target_origin); _f.setAttribute("scrolling", "no"); _f.setAttribute("frameBorder", "0"); /* for IE and "B" vs "b" IS required */ _f.style.width = '600px'; _f.style.height = '400px'; _f.style.border = 'none'; _p.appendChild(_f); })(); </script>

Widget Setup: Full List of the Day

Demo

Setup

Sign Up for Emails From CollegeXpress

Already have an account?

Not a CollegeXpress user?

Don't want to register?