Hi all,
i have developed a calender user control using javascript.it is working in IE.how is it working for ff.i have written the code here.....
 
myscript.js
var ie=document.all
 

/* hides <select> and <applet> objects (for IE only) */
function hideElement( elmID, overDiv ) 
{if( ie ) 
{for( i = 0; i < document.all.tags( elmID ).length; i++ ) 
{
obj = document.all.tags( elmID )[i];if( !obj || !obj.offsetParent ) 
{continue; 
}
 
// Find the element's offsetTop and offsetLeft relative to the BODY tag.

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"; 
}
}
}
}/* 
* unhides <select> and <applet> objects (for IE only)
*/function showElement( elmID ) 
{if( bname.search(/microsoft/i) == 0 ) 
{for( i = 0; i < document.all.tags( elmID ).length; i++ ) 
{
obj = document.all.tags( elmID )[i];
 if( !obj || !obj.offsetParent ) 
{continue; 
}
 
obj.style.visibility = ""; 
}
 
Help me.....
}
}



 
Suchitra

Hi  Suchitranayak,
As per your code, you have written a function to hide the "Select (Dropdown)" and the "Applet" objects. This is needed only in the case where your calendar is opened as a DIV.
IE versions prior to IE7 had issue in rendering the select as separate window, so they will be placed over div in the page. On these scenarios the workaround is to hide the select elements. This issue is not there with Firefox. So your code should work fine for Firefox.
If still you have issues, tell us your exact problem.
Hope this helps. 

 
Rajganesh
__________________________________________________
My Blog
If this post answers your question please mark it as Answered.

if it is work for IE7 then it is also working for FF. if not then go to your mozila tools tab then error console check what is error. if there is no error then check that javascript is enabled for your FF. you can fine javascript enabled in FF property.
please mark as answer if this is the solution

rohit gandhi

 Thanks..but m nt able to run in ff.it is running properly in IE..if i run in ff it throw an error that
DateSelector1_txt_Date is not defined. 
DateSelector1=usercontrol iD ,txt_Date=textbox in .ascx page.
wht i have done i created a ascx page,.js n aspx page.
i called the .js  file in ascx n resister this .ascx in aspx. and drag n drop tht user control in this page...
but it is nt ruuning...help me..... 
 
Suchitra

how you called that js file and that control in aspx. you can used scriptmanager inside script manager you can called your js file for e.g
 

<asp:ScriptManager ID="ScriptManagerActivity" runat="server">

<Scripts>
</Scripts>

 
</asp:ScriptManager>
 put your code here so i can help you more.
please mark as answer if this is the solution

rohit gandhi

Post your code here, so that others can see it and find the exact issue.
Rajganesh
__________________________________________________
My Blog
If this post answers your question please mark it as Answered.

 no...i called .js file in .ascx n aspx like
<script language="javascript"  type="text/javascript"  src="popcalendar.js"></script>
 
Register ascx file in aspx i have written
<%@ Register src="~/DateSelector.ascx" TagName="DateSelector" TagPrefix="uc1" %>
 
can i send u my whole file..... 
Suchitra

 DateSelector.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="DateSelector.ascx.cs" Inherits="DateSelector" %>
 
<link href="popcalendar.css" rel="stylesheet" type="text/css" />
<script language="javascript"  type="text/javascript"  src="popcalendar.js"></script>
<script language="javascript" type="text/javascript">

function validallChar()
{//function for validating whether valid characters are entered
    var keyc
    keyc = window.event.keyCode;
    //alert(keyc);
    if  ( (keyc >32 && keyc <48 ) || (keyc >57 && keyc <123 ) || (keyc >123 && keyc <127 )|| (keyc >47 && keyc <58 ) || (keyc==47 || keyc ==96  ) || (keyc==32))
    {
            window.event.keyCode =0;
            return(false);
    }
}    

</script>

&nbsp; &nbsp; &nbsp;&nbsp;

<table id="tbl_control" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td align="center" style="width: 5px; height: 24px">
            <asp:TextBox ID="txt_Date" onpaste="return false" runat="server" Width="85px" onkeypress="javascript: validallChar();"  oncontextmenu="javascript: return false;"></asp:TextBox></td>
        <td style="height: 24px; width: 39px;">
            <asp:Image ID="imgCalendar" runat="server" ImageUrl="~/Image/calendar.gif"></asp:Image>&nbsp;
        </td>
        <td style="width: 2px; height: 24px">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                ControlToValidate="txt_Date" ></asp:RequiredFieldValidator></td>
    </tr>
</table>     
    
DateSelector.ascx.cs
//namespace CareerMove.UserControls
//{
    using System;
    using System.Data;
    using System.Drawing;
    using System.Web;
    using System.Web.UI.WebControls;
    using System.Web.UI.HtmlControls;
    using System.Configuration;
        
    /// <summary>
    ///        Summary description for DateSelector.
    /// </summary>
    public partial class DateSelector : System.Web.UI.UserControl
    
    {
        //protected System.Web.UI.WebControls.TextBox txt_Date;
        //protected System.Web.UI.WebControls.RequiredFieldValidator RequiredFieldValidator1;
        //protected System.Web.UI.WebControls.Image imgCalendar;

        protected bool _Required = true;
        private string[] sMonths = new string[12] {"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"};

        private void Page_Load(object sender, System.EventArgs e)
        {
            // Put user code to initialize the page here
            string scriptStr = "javascript:return popUpCalendar(this," + getClientID() + @", 'dd/mm/yyyy', '__doPostBack(\'" + getClientID() + @"\')')";
            imgCalendar.Attributes.Add("onclick", scriptStr);

            //Enable the required validator only if the user needs it.
            RequiredFieldValidator1.Enabled = _Required;

        }


        #region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: This call is required by the ASP.NET Web Form Designer.
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        ///        Required method for Designer support - do not modify
        ///        the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        // Get the id of the control rendered on client side
        // Very essential for Javascript Calendar scripts to locate the textbox
        public string getClientID()
        {
            return txt_Date.ClientID;
        }


        // This propery sets/gets the calendar date
        public DateTime CalendarDate
        {
            get
            {
                
                DateTime dtTemp; 
                int iDay;
                int iMonth;
                int iYear;
                string[] sTemp;
                //txt_Date.Text = "01/06/2006";
                //Split the text_Date value with the splitter '\'(format used is dd/mm/yyyy)
                sTemp = this.txt_Date.Text.Split('/');

                iDay = Convert.ToInt32(sTemp[0]);
                iMonth = Convert.ToInt32(sTemp[1]);
                iYear = Convert.ToInt32(sTemp[2]);

                dtTemp = new DateTime(iYear, iMonth, iDay);

                return dtTemp;
            }
            set
            {
                txt_Date.Text = String.Format("{0:dd/MM/yyyy}", value);
            }
        }

        public string DateString
        {
            get
            {
                return txt_Date.Text;
            }

        }

        public bool Required
        {
            get    { return _Required ; }
            set 
            { 
                _Required = value; 
                RequiredFieldValidator1.Enabled = _Required;
            }
        }
    }

//}
Dateselector.aspx 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="dateselector.aspx.cs" Inherits="dateselector" %>
<%@ Register src="~/DateSelector.ascx" TagName="DateSelector" TagPrefix="uc1" %>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%--<link href="popcalendar.css" rel="stylesheet" type="text/css" />
--%><script type="text/javascript" src="popcalendar.js"></script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link href="popcalendar.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <center>
    <uc1:DateSelector ID="DateSelector1" runat="server"></uc1:DateSelector>
    </center>
       </div>
        
    </form>
</body>
</html>
popcalender.js 
    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 = "./Image/"    // 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 ff=document.getElementById
    var    dom=document.getElementById
//    var bname = navigator.appName;

    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","right2.gif")
    var    img    = new Array()
    
    var oFunctions = ""

    var bShow = false;

    /* hides <select> and <applet> objects (for IE only) */
    function hideElement( elmID, overDiv )
    {
      if(ie) 
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
      
          // Find the element's offsetTop and offsetLeft relative to the BODY tag.
          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";
          }
        }
      }
     
    }
     
    /*
    * unhides <select> and <applet> objects (for IE only)
    */
    function showElement( elmID )
    {
      if(ie)
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
        
          obj.style.visibility = "";
        }
      }
     
    }

    function HolidayRec (d, m, y, desc)
    {
        this.d = d
        this.m = m
        this.y = y
        this.desc = desc
    }

    var HolidaysCounter = 0
    var Holidays = new Array()

    function addHoliday (d, m, y, desc)
    {
        Holidays[HolidaysCounter++] = new HolidayRec ( d, m, y, desc )
    }


    if (dom)
    {
        for    (i=0;i<imgsrc.length;i++)
        {
            img[i] = new Image
            img[i].src= img + imgsrc[i]
        }
        document.write ("<div onclick='bShow=true' id='calendar' class='div-style'><table width="+((showWeekNumber==1)?250:220)+" class='table-style'><tr><td class='title-background-style' ><table width='"+((showWeekNumber==1)?248:218)+"'><tr><td class='title-style'><B><span id='caption'></span></B></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 class='body-style'><span id='content'></span></td></tr>")
            
        if (showToday==1)
        {
            document.write ("<tr><td class='today-style' height=18><span id='lblToday'></span></td></tr>")
        }
            
        document.write ("</table></div><div id='selectMonth' class='div-style'></div><div id='selectYear' class='div-style'></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")
    }

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

    function init()    {

        if (!ns4)
        {
            if (!ie) { yearNow += 1900    }
            
            crossobj=(dom)?document.getElementById("calendar").style : ie? document.all.calendar : document.calendar
            hideCalendar()

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

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

            monthConstructed=false;
            yearConstructed=false;
            
    

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

            sHTML1= "<span id='spanLeft'  class='title-control-normal-style' onmouseover='swapImage(\"changeLeft\",\"left2.gif\");this.className=\"title-control-select-style\";window.status=\""+scrollLeftMessage+"\"' onclick='javascript:decMonth()' onmouseout='clearInterval(intervalID1);swapImage(\"changeLeft\",\"left1.gif\");this.className=\"title-control-normal-style\";window.status=\"\"' onmousedown='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"StartDecMonth()\",500)'    onmouseup='clearTimeout(timeoutID1);clearInterval(intervalID1)'>&nbsp<IMG id='changeLeft' src='"+imgDir+"left1.gif' width=10 height=11 BORDER=0>&nbsp</span>&nbsp;"
            sHTML1+="<span id='spanRight' class='title-control-normal-style' onmouseover='swapImage(\"changeRight\",\"right2.gif\");this.className=\"title-control-select-style\";window.status=\""+scrollRightMessage+"\"' onmouseout='clearInterval(intervalID1);swapImage(\"changeRight\",\"right1.gif\");this.className=\"title-control-normal-style\";window.status=\"\"' onclick='incMonth()' onmousedown='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"StartIncMonth()\",500)'    onmouseup='clearTimeout(timeoutID1);clearInterval(intervalID1)'>&nbsp<IMG id='changeRight' src='"+imgDir+"right1.gif'    width=10 height=11 BORDER=0>&nbsp</span>&nbsp"
            sHTML1+="<span id='spanMonth' class='title-control-normal-style' onmouseover='swapImage(\"changeMonth\",\"drop2.gif\");this.className=\"title-control-select-style\";window.status=\""+selectMonthMessage+"\"' onmouseout='swapImage(\"changeMonth\",\"drop1.gif\");this.className=\"title-control-normal-style\";window.status=\"\"' onclick='popUpMonth()'></span>&nbsp;"
            sHTML1+="<span id='spanYear'  class='title-control-normal-style' onmouseover='swapImage(\"changeYear\",\"drop2.gif\");this.className=\"title-control-select-style\";window.status=\""+selectYearMessage+"\"'    onmouseout='swapImage(\"changeYear\",\"drop1.gif\");this.className=\"title-control-normal-style\";window.status=\"\"'    onclick='popUpYear()'></span>&nbsp;"
            sHTML1+="<span id='spanClear'  class='title-control-normal-style' onclick='ClearDateSelection()'> &nbsp; &nbsp; &nbsp; Clear</span> &nbsp; "
            
            document.getElementById("caption").innerHTML  =    sHTML1

            bPageLoaded=true
        }
    }

    function hideCalendar()    {
        if(crossobj){
            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 ClearDateSelection() {
        ctlToPlaceValue.value = ""
        hideCalendar()
    }

    /*** Month Pulldown    ***/

    function StartDecMonth()
    {
        intervalID1=setInterval("decMonth()",80)
    }

    function StartIncMonth()
    {
        intervalID1=setInterval("incMonth()",80)
    }

    function incMonth () {
        monthSelected++
        if (monthSelected>11) {
            monthSelected=0
            yearSelected++
        }
        constructCalendar()
    }

    function decMonth () {
        monthSelected--
        if (monthSelected<0) {
            monthSelected=11
            yearSelected--
        }
        constructCalendar()
    }

    function constructMonth() {
        popDownYear()
        if (!monthConstructed) {
            sHTML =    ""
            for    (i=0; i<12;    i++) {
                sName =    monthName[i];
                if (i==monthSelected){
                    sName =    "<B>" +    sName +    "</B>"
                }
                sHTML += "<tr><td id='m" + i + "' onmouseover='this.className=\"dropdown-select-style\"' onmouseout='this.className=\"dropdown-normal-style\"' onclick='monthConstructed=false;monthSelected=" + i + ";constructCalendar();popDownMonth();event.cancelBubble=true' align='center' style='width:20px;' >&nbsp;" + sName + "&nbsp;</td></tr>"
            }

            document.getElementById("selectMonth").innerHTML = "<table width=40 class='dropdown-style' cellspacing=0 onmouseover='clearTimeout(timeoutID1)'    onmouseout='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"popDownMonth()\",100);event.cancelBubble=true'>" + sHTML + "</table>"

            monthConstructed=true
        }
    }

    function popUpMonth() {
        constructMonth()
        crossMonthObj.visibility = (dom||ie)? "visible"    : "show"
        crossMonthObj.left = parseInt(crossobj.left) + 50
        crossMonthObj.top =    parseInt(crossobj.top) + 26
    }

    function popDownMonth()    {
        crossMonthObj.visibility= "hidden"
    }

    /*** Year Pulldown ***/

    function incYear() {
        for    (i=0; i<7; i++){
            newYear    = (i+nStartingYear)+1
            if (newYear==yearSelected)
            { txtYear =    "&nbsp;<B>"    + newYear +    "</B>&nbsp;" }
            else
            { txtYear =    "&nbsp;" + newYear + "&nbsp;" }
            document.getElementById("y"+i).innerHTML = txtYear
        }
        nStartingYear ++;
        bShow=true
    }

    function decYear() {
        for    (i=0; i<7; i++){
            newYear    = (i+nStartingYear)-1
            if (newYear==yearSelected)
            { txtYear =    "&nbsp;<B>"    + newYear +    "</B>&nbsp;" }
            else
            { txtYear =    "&nbsp;" + newYear + "&nbsp;" }
            document.getElementById("y"+i).innerHTML = txtYear
        }
        nStartingYear --;
        bShow=true
    }

    function selectYear(nYear) {
        yearSelected=parseInt(nYear+nStartingYear);
        yearConstructed=false;
        constructCalendar();
        popDownYear();
    }

    function constructYear() {
        popDownMonth()
        sHTML =    ""
        if (!yearConstructed) {

            sHTML =    "<tr><td align='center' onmouseover='this.className=\"dropdown-select-style\"' onmouseout='clearInterval(intervalID1);this.className=\"dropdown-normal-style\"' onmousedown='clearInterval(intervalID1);intervalID1=setInterval(\"decYear()\",30)' onmouseup='clearInterval(intervalID1)'>-</td></tr>"
            j =    0
            nStartingYear =    yearSelected-3
            for    (i=(yearSelected-3); i<=(yearSelected+3); i++) {
                sName =    i;
                if (i==yearSelected){
                    sName =    "<B>" + sName + "</B>"
                }

                sHTML += "<tr><td id='y" + j + "' onmouseover='this.className=\"dropdown-select-style\"' onmouseout='this.className=\"dropdown-normal-style\"' onclick='selectYear("+j+");event.cancelBubble=true'>&nbsp;" + sName + "&nbsp;</td></tr>"
                j ++;
            }

            sHTML += "<tr><td align='center' onmouseover='this.className=\"dropdown-select-style\"' onmouseout='clearInterval(intervalID2);this.className=\"dropdown-normal-style\"' onmousedown='clearInterval(intervalID2);intervalID2=setInterval(\"incYear()\",30)'    onmouseup='clearInterval(intervalID2)'>+</td></tr>"

            document.getElementById("selectYear").innerHTML    = "<table width=44 class='dropdown-style' onmouseover='clearTimeout(timeoutID2)' onmouseout='clearTimeout(timeoutID2);timeoutID2=setTimeout(\"popDownYear()\",100)' cellspacing=0>"    + sHTML    + "</table>"

            yearConstructed    = true
        }
    }

    function popDownYear() {
        clearInterval(intervalID1)
        clearTimeout(timeoutID1)
        clearInterval(intervalID2)
        clearTimeout(timeoutID2)
        crossYearObj.visibility= "hidden"
    }

    function popUpYear() {
        var    leftOffset

        constructYear()
        crossYearObj.visibility    = (dom||ie)? "visible" : "show"
        leftOffset = parseInt(crossobj.left) + document.getElementById("spanYear").offsetLeft
        if (ie)
        {
            leftOffset += 6
        }
        crossYearObj.left =    leftOffset
        crossYearObj.top = parseInt(crossobj.top) +    26
    }

    /*** calendar ***/

    function WeekNbr(today)
    {
        Year = takeYear(today);
        Month = today.getMonth();
        Day = today.getDate();
        now = Date.UTC(Year,Month,Day+1,0,0,0);
        var Firstday = new Date();
        Firstday.setYear(Year);
        Firstday.setMonth(0);
        Firstday.setDate(1);
        then = Date.UTC(Year,0,1,0,0,0);
        var Compensation = Firstday.getDay();
        if (Compensation > 3) Compensation -= 4;
        else Compensation += 3;
        NumberOfWeek =  Math.round((((now-then)/86400000)+Compensation)/7);
        return NumberOfWeek;
    }

    function takeYear(theDate)
    {
        x = theDate.getYear();
        var y = x % 100;
        y += (y < 38) ? 2000 : 1900;
        return y;
    }

    function constructCalendar () {
        var dateMessage
        var    startDate =    new    Date (yearSelected,monthSelected,1)
        var    endDate    = new Date (yearSelected,monthSelected+1,1);
        endDate    = new Date (endDate    - (24*60*60*1000));
        numDaysInMonth = endDate.getDate()

        datePointer    = 0
        dayPointer = startDate.getDay() - startAt
        
        if (dayPointer<0)
        {
            dayPointer = 6
        }

        sHTML =    "<table border=1 cellspacing=0 cellpadding=2 bordercolor=#E1E1E1 class='body-style'><tr>"

        if (showWeekNumber==1)
        {
            sHTML += "<td width='50px' height='40px' align='right' nowrap style='background-color: #EBEBEB;'><B style='font-family: Tahoma,Arial; font-size: 10px; color: #197D19'>" + weekString + "</b></td><td width=1 rowspan=7 class='weeknumber-div-style'><img src='"+imgDir+"divider.gif' width=1></td>"
        }

        for    (i=0; i<7; i++)    {
            sHTML += "<td width='30' height='22' align='right' nowrap style='background-color: #EBEBEB;'><B style='font-family: Tahoma,Arial; font-size: 10px; color: #197D19'>"+ dayName[i]+"</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++;


            var sStyle="normal-day-style"; //regular day

            if ((datePointer==dateNow)&&(monthSelected==monthNow)&&(yearSelected==yearNow)) //today
            { sStyle = "current-day-style"; } 
            else if    (dayPointer % 7 == (startAt * -1) +1) //end-of-the-week day
            { sStyle = "end-of-weekday-style"; }

            //selected day
            if ((datePointer==odateSelected) &&    (monthSelected==omonthSelected)    && (yearSelected==oyearSelected))
            { sStyle += " selected-day-style"; }

            sHint = ""
            for (k=0;k<HolidaysCounter;k++)
            {
                if ((parseInt(Holidays[k].d)==datePointer)&&(parseInt(Holidays[k].m)==(monthSelected+1)))
                {
                    if ((parseInt(Holidays[k].y)==0)||((parseInt(Holidays[k].y)==yearSelected)&&(parseInt(Holidays[k].y)!=0)))
                    {
                        sStyle += " holiday-style";
                        sHint+=sHint==""?Holidays[k].desc:"\n"+Holidays[k].desc
                    }
                }
            }

            sHTML += "<td align=right class='"+sStyle+"'>"

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

            dateMessage = "onmousemove='window.status=\""+selectDateMessage.replace("[date]",constructDate(datePointer,monthSelected,yearSelected))+"\"' onmouseout='window.status=\"\"' "

            sHTML += "<a class='"+sStyle+"' "+dateMessage+" title=\"" + sHint + "\" href='javascript:dateSelected="+datePointer+";closeCalendar();doOtherFunctions();'>" + datePointer + "</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.getElementById("content").innerHTML   = sHTML
        document.getElementById("spanMonth").innerHTML = "&nbsp;" +    monthName[monthSelected] + "&nbsp;<IMG id='changeMonth' src='"+imgDir+"drop1.gif' WIDTH='12' HEIGHT='10' BORDER=0>"
        document.getElementById("spanYear").innerHTML =    "&nbsp;" + yearSelected    + "&nbsp;<IMG id='changeYear' src='"+imgDir+"drop1.gif' WIDTH='12' HEIGHT='10' BORDER=0>"
    }
    
    function doOtherFunctions(){
        //Comments By Sai
        //if(oFunctions != ""){
        //    eval(oFunctions)
        //}
        
        
    }

    function popUpCalendar(ctl,    ctl2, format, OtherFunctions) {

        var    leftpos=-180
        var    toppos=0
        oFunctions = OtherFunctions
        if (bPageLoaded)
        {
            if ( crossobj.visibility ==    "hidden" ) {
                ctlToPlaceValue    = ctl2
                dateFormat=format;

                formatChar = " "
                aFormat    = dateFormat.split(formatChar)
                if (aFormat.length<3)
                {
                    formatChar = "/"
                    aFormat    = dateFormat.split(formatChar)
                    if (aFormat.length<3)
                    {
                        formatChar = "."
                        aFormat    = dateFormat.split(formatChar)
                        if (aFormat.length<3)
                        {
                            formatChar = "-"
                            aFormat    = dateFormat.split(formatChar)
                            if (aFormat.length<3)
                            {
                                // invalid date    format
                                formatChar=""
                            }
                        }
                    }
                }

                tokensChanged =    0
                if ( formatChar    != "" )
                {
                    // use user's date
                    aData =    ctl2.value.split(formatChar)

                    for    (i=0;i<3;i++)
                    {
                        if ((aFormat[i]=="d") || (aFormat[i]=="dd"))
                        {
                            dateSelected = parseInt(aData[i], 10)
                            tokensChanged ++
                        }
                        else if    ((aFormat[i]=="m") || (aFormat[i]=="mm"))
                        {
                            monthSelected =    parseInt(aData[i], 10) - 1
                            tokensChanged ++
                        }
                        else if    (aFormat[i]=="yyyy")
                        {
                            yearSelected = parseInt(aData[i], 10)
                            tokensChanged ++
                        }
                        else if    (aFormat[i]=="MMM")
                        {
                            for    (j=0; j<12;    j++)
                            {
                                if (aData[i]==monthName[j])
                                {
                                    monthSelected=j
                                    tokensChanged ++
                                }
                            }
                        }
                    }
                }

                if ((tokensChanged!=3)||isNaN(dateSelected)||isNaN(monthSelected)||isNaN(yearSelected))
                {
                    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 :    fixedX
                crossobj.top = fixedY==-1 ?    ctl.offsetTop +    toppos + ctl.offsetHeight +    2 :    fixedY
                constructCalendar (1, monthSelected, yearSelected);
                crossobj.visibility=(dom||ie)? "visible" : "show"
                
                hideElement( 'SELECT', document.getElementById("calendar") );
                hideElement( 'APPLET', document.getElementById("calendar") );            

                bShow = true;
            }
        }
        else
        {
            init()
            popUpCalendar(ctl,    ctl2, format, OtherFunctions)
        }
    }
    document.onkeypress = function hidecal1 () { 
        if (event.keyCode==27) 
        {
            hideCalendar()
        }
    }
    document.onclick = function hidecal2 () {         
        if (!bShow)
        {
            hideCalendar()
        }
        bShow = false
    }

    if(ie) {
    init();
  } else {
    window.onload = init;
  }
sorry it is a lengthy code..please go through it...n help me.....
Problem : DateSelector1_txt_Date is not defined in  dateselector.aspx (line 1)
    

    
    
    
    
    

 
Suchitra

 Thanks u all...I got the problems..now m able to run it both IE n FF..
 
Suchitra 
Suchitra

mark as answer
please mark as answer if this is the solution

rohit gandhi