Inline Calendar

<XMP><body> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'commandstation', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "commandstation"; var angelfire_member_page = "commandstation/it/calendar7.htm"; var angelfire_ratings_hash = "1745602125:21f5903b45964dbd8afcfe165c00516f"; var lycos_ad_category = null; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div id="ad_container"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div>  <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div>  <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>  </XMP> Click to Open Calendar

<HTML>
<HEAD>
<TITLE> Inline Calendar </TITLE>
</HEAD>

<Script Language="JavaScript">
<!--
function Invocation(targetObj, functionName, arguments) {
this.targetObj = targetObj;
this.functionName = functionName;
this.arguments = arguments; }

Invocation.prototype.invoke = function(arguments) {
if(this.targetObj && typeof this.targetObj[this.functionName] == "function") {
var args = this.arguments;
if(!args)
args = new Array();
if(arguments)
args = args.concat(arguments);
return this.targetObj[this.functionName].apply(this.targetObj, args); }}

function getTotalOffsetTop(element) {
var offset = 0;
for(var i = element; i && i.tagName != "BODY"; i = i.offsetParent)
offset+=i.offsetTop;
return offset; }

function getTotalOffsetLeft(element) {
var offset = 0;
for(var i = element; i && i.tagName != "BODY"; i = i.offsetParent)
offset+=i.offsetLeft;
return offset; }

function positionAtAnchor(element, anchor, positionVertical, positionHorizontal) {
var left = getTotalOffsetLeft(anchor);

if(positionHorizontal == "right")
left = left + anchor.offsetWidth + 1;

if(left + element.offsetWidth > document.body.scrollWidth && left - element.offsetWidth > 0) {
left = left - element.offsetWidth;
if(positionHorizontal == "right")
left = left - anchor.offsetWidth;
else
left = left + anchor.offsetWidth + 1; }

var top = getTotalOffsetTop(anchor);
if(positionVertical == "bottom")
top = top + anchor.offsetHeight + 1;

if(top + element.offsetHeight > document.body.scrollHeight && top - element.offsetHeight > 0) {
top = top - element.offsetHeight;
if(positionVertical == "bottom")
top = top - anchor.offsetHeight;
else
top = top + anchor.offsetHeight + 1; }

element.style.top = top+"px";
element.style.left = left+"px"; }

var dynaCalendars = {};

function openDynaCalendar(name, anchor) {
var calendar = dynaCalendars[name];
if(!calendar.isOpen)
calendar.open(anchor);
else
calendar.close(); }

function DynaCalendar(name, invocation, year, month, day) {
if(!DynaCalendar.MONTHS) {
var MONTHS = [];
var DOW = [];
DynaCalendar.MONTHS = MONTHS;
DynaCalendar.DOW = DOW;

var tmpDate = new Date(2000, 0, 1);
for(var i = 0; i < 12; i++) {
tmpDate.setMonth(i);
var dateStr = tmpDate.toLocaleString();
var monthname = dateStr.match(/\s[a-zA-Z]+\s/)[0];
monthname = monthname.substring(1,monthname.length-1);
MONTHS[i] = monthname; }

for(var i = 1; i < 8; i++) {
tmpDate.setDate(i);
var dateStr = tmpDate.toLocaleString();
var dow = dateStr.substring(0,3);
DOW[tmpDate.getDay()] = dow; }}

if(year && month && day)
this.date = new Date(year, month, day);
else
this.date = new Date();

this.invocation = invocation;
this.name = name;
this.isOpen = false;
this.rendered = false;
this.bodyRendern = false;

dynaCalendars[name] = this; }

DynaCalendar.prototype.open = function(anchor) {
if(!this.rendered)
this.render();
if(!this.bodyRendern)
this.renderBody();
this.calendarDiv.style.display = "block";
positionAtAnchor(this.calendarDiv, anchor, "bottom", "left");
this.isOpen = true; }

DynaCalendar.prototype.close = function() {
this.calendarDiv.style.display = "none";
this.isOpen = false; }

DynaCalendar.prototype.render = function() {
var calendarDiv = document.createElement("DIV");
var calendarTable = document.createElement("TABLE");
var calendarHead = document.createElement("THEAD");
var calendarHeadTR = document.createElement("TR");
var calendarHeadWeekTR = document.createElement("TR");
var calendarBY = document.createElement("TH");
var calendarBM = document.createElement("TH");
var calendarTitle = document.createElement("TH");
var calendarFM = document.createElement("TH");
var calendarFY = document.createElement("TH");
var calendarBody = document.createElement("TBODY");

calendarDiv.className = "dynaCalendarDiv";
calendarTable.className = "dynaCalendarTable";
calendarTitle.colSpan = 3;

calendarBY.className = "BF";
calendarBM.className = "BF";
calendarFM.className = "BF";
calendarFY.className = "BF";
calendarBY.innerHTML = "<<";
calendarBM.innerHTML = "<";
calendarFM.innerHTML = ">";
calendarFY.innerHTML = ">>";
calendarBY.onclick = dynaCalendarBackYearOnClick;
calendarBM.onclick = dynaCalendarBackMonthOnClick;
calendarFM.onclick = dynaCalendarForwardMonthOnClick;
calendarFY.onclick = dynaCalendarForwardYearOnClick;

calendarDiv.dynaCalendar = this;
calendarHead.dynaCalendar = this;
calendarBody.dynaCalendar = this;
calendarBY.dynaCalendar = this;
calendarBM.dynaCalendar = this;
calendarTitle.dynaCalendar = this;
calendarFM.dynaCalendar = this;
calendarFY.dynaCalendar = this;

this.calendarTitle = calendarTitle;
this.calendarBody = calendarBody;
this.calendarDiv = calendarDiv;

for(var i = 0; i < 7; i++) {
var dowTH = document.createElement("TH");
dowTH.innerHTML = DynaCalendar.DOW[i];
calendarHeadWeekTR.appendChild(dowTH); }

calendarHeadTR.appendChild(calendarBY);
calendarHeadTR.appendChild(calendarBM);
calendarHeadTR.appendChild(calendarTitle);
calendarHeadTR.appendChild(calendarFM);
calendarHeadTR.appendChild(calendarFY);
calendarHead.appendChild(calendarHeadTR);
calendarHead.appendChild(calendarHeadWeekTR);
calendarTable.appendChild(calendarHead);
calendarTable.appendChild(calendarBody);
calendarDiv.appendChild(calendarTable);
document.body.appendChild(calendarDiv);

this.rendered = true; }

DynaCalendar.prototype.renderBody = function() {
var title = DynaCalendar.MONTHS[this.date.getMonth()]+ " " + this.date.getFullYear();
this.calendarTitle.innerHTML = title;

while(this.calendarBody.hasChildNodes())
this.calendarBody.removeChild(this.calendarBody.lastChild);

var tmpDate = new Date(this.date.getFullYear(), this.date.getMonth(), 1);

var row = document.createElement("TR");
this.calendarBody.appendChild(row);

for(var i = 0; i < tmpDate.getDay(); i++) {
var td = document.createElement("TD");
row.appendChild(td); }

while(tmpDate.getMonth() == this.date.getMonth()) {
var td = document.createElement("TD");
var date = tmpDate.getDate();
if(date == this.date.getDate())
td.className = "daySelected";
else
td.className = "day";

td.innerHTML = date;
td.dynaCalendar = this;
td.onclick = dynaCalendarSelectDayOnClick;
row.appendChild(td);

if(tmpDate.getDay() == 6) {
row = document.createElement("TR");
this.calendarBody.appendChild(row); }

tmpDate.setDate(date + 1); }

for(var i = tmpDate.getDay(); i < 7; i++) {
var td = document.createElement("TD");
row.appendChild(td); }

this.bodyRendern = true; }

DynaCalendar.prototype.setDate = function(date) {
this.date.setDate(date);
this.bodyRendern = false; }

DynaCalendar.prototype.backYear = function() {
this.setDate(1);
this.date.setFullYear(this.date.getFullYear() - 1);
this.renderBody(); }

DynaCalendar.prototype.backMonth = function() {
this.setDate(1);
this.date.setMonth(this.date.getMonth() - 1);
this.renderBody(); }

DynaCalendar.prototype.forwardMonth = function() {
this.setDate(1);
this.date.setMonth(this.date.getMonth() + 1);
this.renderBody(); }

DynaCalendar.prototype.forwardYear = function() {
this.setDate(1);
this.date.setFullYear(this.date.getFullYear() + 1);
this.renderBody(); }

function dynaCalendarSelectDayOnClick(event) {
if(window.event) {
var srcElement = window.event.srcElement; }
else {
var srcElement = event.currentTarget; }

var calendar = srcElement.dynaCalendar;
calendar.setDate(srcElement.innerHTML);
if(calendar.invocation)
calendar.invocation.invoke([calendar.date]);
srcElement.dynaCalendar.close();

return false; }

function dynaCalendarBackYearOnClick(event) {
if(window.event) {
var srcElement = window.event.srcElement; }
else {
var srcElement = event.currentTarget; }

srcElement.dynaCalendar.backYear();
return false; }

function dynaCalendarBackMonthOnClick(event) {
if(window.event) {
var srcElement = window.event.srcElement; }
else {
var srcElement = event.currentTarget; }

srcElement.dynaCalendar.backMonth();
return false; }

function dynaCalendarForwardMonthOnClick(event) {
if(window.event) {
var srcElement = window.event.srcElement; }
else {
var srcElement = event.currentTarget; }

srcElement.dynaCalendar.forwardMonth();
return false; }

function dynaCalendarForwardYearOnClick(event) {
if(window.event) {
var srcElement = window.event.srcElement; }
else {
var srcElement = event.currentTarget; }

srcElement.dynaCalendar.forwardYear();
return false; }

function setup_cal() {
var cal = new DynaCalendar("test",new Invocation(this,"change_link")); }

function change_link(date) {
document.getElementById("link1").innerHTML = date.toLocaleString(); }
window.onload = setup_cal();
// -->
</Script>

<a id="link1" class="myText" onclick="openDynaCalendar('test',this);"> Click to Open Calendar </a>
</body>
</HTML>

Back to Main Menu