no error in mozilla but not displaying calendar

R

rajesh

var fixedX = -1 // x position (-1 if to appear below control)
var fixedY = -1 // y position (-1 if to appear below control)
var startAt = 0 // 0 - sunday ; 1 - monday
var showWeekNumber = 0 // 0 - don't show; 1 - show
var showToday = 1 // 0 - don't show; 1 - show
var imgDir = "images/" // directory for images ... e.g. var
imgDir="/img/"
var gotoString = "Go To Current Month"
var todayString = "Today is"
var weekString = "Wk"
var scrollLeftMessage = "Click to scroll to previous month. Hold mouse
button to scroll automatically."
var scrollRightMessage = "Click to scroll to next month. Hold mouse
button to scroll automatically."
var selectMonthMessage = "Click to select a month."
var selectYearMessage = "Click to select a year."
var selectDateMessage = "Select [date] as date." // do not replace
[date], it will be replaced by date.
var crossobj, crossMonthObj, crossYearObj, monthSelected, yearSelected,
dateSelected, omonthSelected, oyearSelected, odateSelected,
monthConstructed, yearConstructed, intervalID1, intervalID2, timeoutID1,
timeoutID2, ctlToPlaceValue, ctlNow, dateFormat, nStartingYear
var bPageLoaded=false
var ie=document.all
var dom=document.getElementsByName
var ns4=document.layers
var today = new Date()
var dateNow = today.getDate()
var monthNow = today.getMonth()
var yearNow = today.getYear()
var imgsrc = new
Array("drop1.gif","drop2.gif","left1.gif","left2.gif","right1.gif","righ
t2.gif")
var img = new Array()
var bShow = false;


function hideElement( elmID, overDiv )
{

if( ie )
{

for( i = 0; i < document.all.tags( elmID ).length; i++ )
{

obj = document.all.tags( elmID );
if( !obj || !obj.offsetParent )
{
continue;
}

objLeft = obj.offsetLeft;
objTop = obj.offsetTop;
objParent = obj.offsetParent;

while( objParent.tagName.toUpperCase() != "BODY" )
{
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}

objHeight = obj.offsetHeight;
objWidth = obj.offsetWidth;

if(( overDiv.offsetLeft + overDiv.offsetWidth ) <= objLeft
);
else if(( overDiv.offsetTop + overDiv.offsetHeight ) <=
objTop );
else if( overDiv.offsetTop >= ( objTop + objHeight ));
else if( overDiv.offsetLeft >= ( objLeft + objWidth ));
else
{
obj.style.visibility = "hidden";
}

}
}

}



function showElement( elmID )
{

if( ie )
{
for( i = 0; i < document.all.tags( elmID ).length; i++ )
{
obj = document.all.tags( elmID );
if( !obj || !obj.offsetParent )
{
continue;
}
obj.style.visibility = "";
}
}
}

var HolidaysCounter = 0
var Holidays = new Array()


if (dom)
{


for(i=0;i<imgsrc.length;i++)
{
img = new Image
img.src = imgDir + imgsrc

}


document.write ("<div onclick='bShow=true' name='calendar'
id='calendar'
style='z-index:+999;position:absolute;visibility:hidden;'><table width="
+((showWeekNumber==1)?250:220)+"
style='font-family:arial;font-size:11px;border-width:1;border-style:soli
d;border-color:#a0a0a0;font-family:arial; font-size:11px}'
bgcolor='#ffffff'><tr bgcolor='#B5BEC5'><td><table
width='"+((showWeekNumber==1)?248:218)+"'><tr><td
style='padding:2px;font-family:arial; font-size:11px;'><font
color='#000000'><B><span id='caption'></span></B></font></td><td
align=right><a href='javascript:hideCalendar()'><IMG
SRC='"+imgDir+"close.gif' WIDTH='15' HEIGHT='13' BORDER='0' ALT='Close
the Calendar'></a></td></tr></table></td></tr><tr><td
style='padding:5px' bgcolor=#ffffff><span id='content'
name='content'></span></td></tr>")

if (showToday==1)
{

document.write ("<tr bgcolor=#f0f0f0><td style='padding:5px'
align=center><span id='lblToday' name='lblToday'></span></td></tr>")
}


document.write ("</table></div><div id='selectMonth' name='selectMonth'
style='z-index:+999;position:absolute;visibility:hidden;'></div><div
id='selectYear'
style='z-index:+999;position:absolute;visibility:hidden;'></div>");

}


var monthName =new
Array("JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV",
"DEC")

if (startAt==0)
{
dayName = new Array ("Sun","Mon","Tue","Wed","Thu","Fri","Sat")
}
else
{
dayName = new Array ("Mon","Tue","Wed","Thu","Fri","Sat","Sun")
}


var styleAnchor="text-decoration:none;color:green;"
var
styleLightBorder="border-style:solid;border-width:1px;border-color:black
;"



function swapImage(srcImg, destImg)
{
if (ie)
{
document.getElementsByName(srcImg).setAttribute("src",imgDir +
destImg)
}
}


function init()
{

if (!ns4)
{

// crossobj=(dom)?document.getElementsByName("calendar").style : ie?
document.all.calendar : document.calendar
crossobj = (document.getElementsByName)
? document.getElementsByName("calendar") : null;
alert(crossobj);

hideCalendar()
crossMonthObj=(dom)?document.getElementsByName("selectMonth").style
: ie? document.all.selectMonth : document.selectMonth

crossYearObj=(dom)?document.getElementsByName("selectYear").style :
ie? document.all.selectYear : document.selectYear

monthConstructed=false;
yearConstructed=false;

if (showToday==1)
{
document.getElementsByName("lblToday").innerHTML = todayString +
" <a onmousemove='window.status=\""+gotoString+"\"'
onmouseout='window.status=\"\"' title='"+gotoString+"'
style='"+styleAnchor+"'
href='javascript:monthSelected=monthNow;yearSelected=yearNow;constructCa
lendar();'>"+dayName[(today.getDay()-startAt==-1)?6:(today.getDay()-star
tAt)]+", " + dateNow + " " + monthName[monthNow].substring(0,3) + " "
+ yearNow + "</a>"
}

sHTML1="<span
id='spanLeft' style='border-style:solid;border-width:1;border-color:#B5B
EC5;cursor:pointer'
onmouseover='swapImage(\"changeLeft\",\"left2.gif\");this.style.borderCo
lor=\"#B5BEC5\";window.status=\""+scrollLeftMessage+"\"'
onclick='javascript:decMonth()'
onmouseout='clearInterval(intervalID1);swapImage(\"changeLeft\",\"left1.
gif\");this.style.borderColor=\"#B5BEC5\";window.status=\"\"'
onmousedown='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"StartDecMo
nth()\",500)' onmouseup='clearTimeout(timeoutID1);clearInterval(interval
ID1)'>&nbsp<IMG id='changeLeft' SRC='"+imgDir+"left1.gif' width=10
height=11 BORDER=0>&nbsp</span>&nbsp;"

document.getElementsByName("caption").innerHTML = sHTML1
bPageLoaded=true

}
}



function hideCalendar()
{

crossobj.visibility="hidden"

if (crossMonthObj != null)
{
crossMonthObj.visibility="hidden"
}
if (crossYearObj != null)
{
crossYearObj.visibility="hidden"
}

showElement( 'SELECT' );
showElement( 'APPLET' );

}

function padZero(num)
{
return (num < 10)? '0' + num : num ;
}

function constructDate(d,m,y)
{

sTmp = dateFormat
sTmp = sTmp.replace ("dd","<e>")
sTmp = sTmp.replace ("d","<d>")
sTmp = sTmp.replace ("<e>",padZero(d))
sTmp = sTmp.replace ("<d>",d)
sTmp = sTmp.replace ("mmm","<o>")
sTmp = sTmp.replace ("mm","<n>")
sTmp = sTmp.replace ("m","<m>")
sTmp = sTmp.replace ("<m>",m+1)
sTmp = sTmp.replace ("<n>",padZero(m+1))
sTmp = sTmp.replace ("<o>",monthName[m])
return sTmp.replace ("yyyy",y)

}


function closeCalendar()
{
var sTmp
hideCalendar();
ctlToPlaceValue.value
= constructDate(dateSelected,monthSelected,yearSelected)

}


function constructCalendar()
{

var aNumDays = Array (31,0,31,30,31,30,31,31,30,31,30,31)

var dateMessage
var startDate = new Date(yearSelected,monthSelected,1)

var endDate


numDaysInMonth = aNumDays[monthSelected];


datePointer = 0
dayPointer = startDate.getDay() - startAt



if (dayPointer<0)
{
dayPointer = 6
}

sHTML ="<table border=0
style='font-family:verdana;font-size:10px;'><tr>"

if (showWeekNumber==1)
{
sHTML += "<td width=27><b>" + weekString + "</b></td><td width=1
rowspan=7 bgcolor='#d0d0d0' style='padding:0px'><img
src='"+imgDir+"divider.gif' width=1></td>"
}

for(i=0; i<7; i++)
{
sHTML += "<td width='27' align='right'><B>"+ dayName+"</B></td>"

}
sHTML +="</tr><tr>"

if (showWeekNumber==1)
{
sHTML += "<td align=right>" + WeekNbr(startDate) + "&nbsp;</td>"
}

for( var i=1; i<=dayPointer;i++ )
{
sHTML += "<td>&nbsp;</td>"
}

for( datePointer=1; datePointer<=numDaysInMonth; datePointer++ )
{
dayPointer++;
sHTML += "<td align=right>"
sStyle=styleAnchor

if ((datePointer==odateSelected)
&& (monthSelected==omonthSelected) && (yearSelected==oyearSelected))
{
sStyle+=styleLightBorder

}

sHint = ""


var regexp= /\"/g
sHint=sHint.replace(regexp,"&quot;")

dateMessage =
"onmousemove='window.status=\""+selectDateMessage.replace("[date]",const
ructDate(datePointer,monthSelected,yearSelected))+"\"'
onmouseout='window.status=\"\"' "
if
((datePointer==dateNow)&&(monthSelected==monthNow)&&(yearSelected==yearN
ow))
{

sHTML += "<b><a "+dateMessage+" title=\"" + sHint + "\"
style='"+sStyle+"'
href='javascript:dateSelected="+datePointer+";closeCalendar();'><font
color=#ff0000>&nbsp;" + datePointer + "</font>&nbsp;</a></b>"

}
else if (dayPointer % 7 == (startAt * -1)+1)
{
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\"
style='"+sStyle+"' href='javascript:dateSelected="+datePointer +
";closeCalendar();'>&nbsp;<font color=#909090>" + datePointer +
"</font>&nbsp;</a>"

}
else
{
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\"
style='"+sStyle+"' href='javascript:dateSelected="+datePointer +
";closeCalendar();'>&nbsp;" + datePointer + "&nbsp;</a>"

}

sHTML += ""

if ((dayPointer+startAt) % 7 == startAt)
{

sHTML += "</tr><tr>"
if ((showWeekNumber==1)&&(datePointer<numDaysInMonth))
{
sHTML += "<td align=right>" + (WeekNbr(new
Date(yearSelected,monthSelected,datePointer+1))) + "&nbsp;</td>"
}
}
}

document.getElementsByName("content").innerHTML = sHTML



}



function popUpCalendar(ctl,ctl2,format)
{

var leftpos=-50;
var toppos=-120;

if (bPageLoaded)
{
if ( crossobj.visibility == "hidden" )
{

ctlToPlaceValue = ctl2
dateFormat=format;

formatChar = " "
aFormat = dateFormat.split(formatChar)


if (aFormat.length<3)
{
formatChar = "/"
aFormat = dateFormat.split(formatChar)

}

tokensChanged = 0
if ( formatChar != "" )
{

aData = ctl2.value.split(formatChar)

for (i=0;i<3;i++)
{
if ((aFormat=="d") || (aFormat=="dd"))
{

dateSelected = parseInt(aData, 10)
tokensChanged ++
}
else if ((aFormat=="m") || (aFormat=="mm"))
{

monthSelected = parseInt(aData, 10) - 1
tokensChanged ++
}
else if (aFormat=="yyyy")
{

yearSelected = parseInt(aData, 10)
tokensChanged ++
}

}
}
if
((tokensChanged!=3)||isNaN(dateSelected)||isNaN(monthSelected)||isNaN(ye
arSelected))
{
dateSelected = dateNow
monthSelected = monthNow
yearSelected = yearNow

}

odateSelected=dateSelected
omonthSelected=monthSelected
oyearSelected=yearSelected

aTag = ctl

do {
aTag = aTag.offsetParent;
leftpos += aTag.offsetLeft;
toppos += aTag.offsetTop;
}
while(aTag.tagName!="BODY");

crossobj.left = fixedX==-1 ? ctl.offsetLeft + leftpos + 52
: fixedX + 52

crossobj.top = fixedY==-1 ? ctl.offsetTop + toppos +
ctl.offsetHeight + 105 : fixedY + 105

constructCalendar(1, monthSelected, yearSelected);
crossobj.visibility=(dom||ie)? "visible" : "show"


hideElement( 'SELECT', document.getElementsByName("calendar") );
hideElement( 'APPLET', document.getElementsByName("calendar")
);

bShow = true;

}
else
{

hideCalendar()
if (ctlNow!=ctl) {popUpCalendar(ctl, ctl2, format)}
}
ctlNow = ctl
}

}
init()

Here i have included my codings for the date picker calendar
while running this calendar in mozilla there is no error but the
calendar is not displaying i think there is a problem in the line
156(crossobj = (document.getElementsByName)
? document.getElementsByName("calendar") : null;) plz try to rectify the
problem any one. Also please provide the correct coding to run in
mozilla.

Thx in advance
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,981
Messages
2,570,188
Members
46,731
Latest member
MarcyGipso

Latest Threads

Top