Usercontrols works in IE?How it works in FF?

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
0
suchitranayak
7/28/2008 8:30:58 AM
asp.net.client-side 24353 articles. 2 followers. Follow

9 Replies
1085 Views

Similar Articles

[PageSpeed] 51

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.
0
Rajganesh
7/28/2008 10:13:22 AM

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
0
rohit_a_g
7/28/2008 10:16:25 AM

 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
0
suchitranayak
7/28/2008 11:18:59 AM

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
0
rohit_a_g
7/28/2008 11:36:08 AM

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.
0
Rajganesh
7/28/2008 11:43:53 AM

 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
0
suchitranayak
7/28/2008 11:45:46 AM

 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
0
suchitranayak
7/28/2008 11:54:22 AM

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

 

Suchitra


Suchitra
0
suchitranayak
7/29/2008 5:59:52 AM

mark as answer


please mark as answer if this is the solution

rohit gandhi
0
rohit_a_g
7/29/2008 6:07:21 AM
Reply:

Similar Artilces:

Cancelling client-side LinkButton OnClick event doesn't work in IE (but works in Firefox)
Hi, I have a number of LinkButtons in use on a site that might need to have their click events cancelled for some reason (client-side). I'm finding that the event isn't getting cancelled in IE7, but it does in Firefox.To see the problem in action:1) Visit http://www.yougodo.com/Home.aspx2) Type "ios" into the "Location:" search box3) CLICK the "Search for activities" button (do not press [enter] as this runs different client side code that works as it's not under the LinkButtons control)The client-side code should prevent the button from causing...

Working locally (both IE & FF), only working in FF on live server
I just got my personal website (link) updated with some Atlas enabled stuff, right there on the front page you can do "Show Different Image" in the top left or use the Calendar's left and right arrows to go through the months without postback.....  but....   as the subject says Running on my laptop here:  Atlas CTP installed, using studio's built in web server:- All functions work in both browsers (IE 6, FF 1.5.0.4) Up on my web server:  Atlas CTP installed, IIS 6.0- FF works 100%, but IE spews javascript errors on page load And it's weird, one time i get one erro...

ScriptManager Work in Client side and not Work in server
 i have this line in my site            ScriptManager.RegisterClientScriptBlock(Me, Me.GetType(), "script", "call3();", True)when i run my site in client (my computer) its workbut when i copy my site to server not work or function call3(); not callinghow can i solve my problem thanks for alltareq  Hi,tareqmr I am afraid we cannot find out the exact root cause without further information captured when the problem occurs. To troubleshoot this issue, we really need more source code to reproduce the problem...

Internal Network, doesnt work in FF, works in IE
Hi... I've been having some problems with Firefox recently.. I have no Extensions isntalled except the DOM Inspector. Recently Firefox has been going incredibly slow... loading websites.. It will often go so slow that it gives a server not found error. But if i simply refresh it loads sometimes... That, I figured was something to do with bandwidth being bogged up on my end. BUT, I've been having problems connecting to my router through firefox., but it works in IE. I simply type my routers IP in firefox and I get a Server Not Found Error after a few minutes of trying to lo...

Remember Me not working for IE and Safari, works fine in FF
Everything works fine in Firefox.However, when trying to sign in through IE or Safari, when the Remember Me is checked, it just refreshes the login page. This is regardless if I hit enter or click on the login button. If I uncheck Remember Me, the login functions properly for IE and Safari. Any ideas on how to get the Remember Me function to work in IE and Safari? Thanks  This functionality will work in IE without any requirement of  any lines of code. This is working IE 6.0 and later.........RememberMe means here it will automatically login you with any need of asking ...

Working
I have two servers running NW65sp4A (different trees). I initially installed BM3.8 patched to sp4 with VPN services ( Firewall services to follow after I know I have VPN working). My problem is that it appears to be working but its not working. I can open my Windows Explorer (from the SLAVE side network) and reach the MASTER, authenticate and open files. The MASTER NRM VPN monitor shows 1 (one) Active Connections 0 (zero) Packets Received and lots of Packets Sent. The VPN Member List Status shows both servers as �Being Configured�. The Audit Log has two recurring RED entrie...

My .NET ActiveX UserControl does not work in IE
Hi, I wrote a simple .NET UserControl to be an ActiveX control inside IE. The UserControl includes a textbox. In the web page, there is another html button to change the ActiveX's textbox value. The problem is: when the html button is clicked, the value of the ActiveX textbox does not change. I don't know why. This is the code for ActiveX user control: ----------------------------------------------------- using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Text; using System.Windows.Fo...

Client-side Valdiation Not Working in IE?
For some reason, the Time Tracker's client-side validation isn't working on the login form of my site. It works fine when I run it from my local site. When I try to login, I can tell that both validators execute correctly via the VS.NET debugger, but it is still returning false for some reason in the "onSubmit" handler of the form. Anyone encounter this before?http://trycatchfail.com - Failure for everyone!...

http://www.shabdkosh.com/ not working in ff, working well in ie
http://www.shabdkosh.com/ a dictionary site stopped working today evening in ff3.6. it is working well in ie. in ff, when I enter a word and hit search, its url appears at the top, and then blank page appears with "Done". After orkut albums pics not appearing in ff but appearing well in ie, it is the second arbitrary problem that makes me use ie for these. Thanks. -- Rawat On 03/07/10 18:17, V S Rawat wrote: > http://www.shabdkosh.com/ a dictionary site stopped working today > evening in ff3.6. No problem here: <html><head> <meta http...

Not working in Netscape, working in IE
------=_NextPart_000_0155_01C123E2.A6A692C0 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Hello , The problem goes like this-=20 value of $mailids is coming from previous perl script=20 if($emailids eq ' ' || $emailids eq '@' || $emailids eq '.' || $emailids = !~ /..+/ ) { print <<"enter"; Content-type : text/html <html> <head><title>Search</title></head> <body> #####invokes the same perl script with the error = messag...

Not working in Netscape, working in IE
------=_NextPart_000_00F0_01C123EA.F9FFE0E0 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Hello , The problem goes like this-=20 value of $mailids is coming from previous perl script=20 if($emailids eq ' ' || $emailids eq '@' || $emailids eq '.' || $emailids = !~ /..+/ ) { print <<"enter"; Content-type : text/html <html> <head><title>Search</title></head> <body> #####invokes the same perl script with the error = mess...

What work with IE does NOT work in FireFox
Name: Bill Schultz Email: altmailatbresnandotnet Product: Firefox Summary: What work with IE does NOT work in FireFox Comments: If you open http://www.allseeingeye.whatshisface.org in Internet Explorer and click on the links you will hear Audio Files play that are attached to the different web pages. You will also notice dissolve transitions between the pages. When you click on the 1st small eyeball you will see a form appear. Now run the same Web Site in FireFox. 1. No Audio. 2. No page transitions. 3. Instead of the form appearing, FireFox gives an error message. It...

FF no longer accessing net; IE works fine
I'm still in the probationary period with FF and yesterday it stopped accessing the net. I run it on a Win2k machine with Norton Internet Security. It has been working fine, and I've been pleased; but with this, I'm lost. IE still works as it always has. The wife is getting frustrated .... better help fast or I'll be condemned to IE forever. On 05-05-2006 14:45 CET, Leland A. Durrette composed this enchanting statement: > I'm still in the probationary period with FF and yesterday it stopped > accessing the net. I run it on a Win2k machine with...

Drop Down Box That Worked IN FF 2 not working in FF 3
Name: Dave Dzurick Email: dedatdrdeddotcom Product: Gran Paradiso Summary: Drop Down Box That Worked IN FF 2 not working in FF 3 Comments: If you go to azcentral.com and select "Entertainment", the move your mouse over "Comics" you get a pull down box. Since FF 3 this box has become in transparent and no longer works properly. In FF 2 the pulldown would force the text to scroll behind it (as it should) and the user could pick one of the pulldown options. Thanks for a great product! Dave Browser Details: Mozilla/5.0 (Windows; U; Windows NT 6.0; en...

Web resources about - Usercontrols works in IE?How it works in FF? - asp.net.client-side

'url' Top Users - Stack Overflow
current community chat blog Stack Overflow Meta Stack Overflow Stack Overflow Careers your communities Sign up or log in to customize your list. ...

List of content management frameworks - Wikipedia, the free encyclopedia
.NET Framework , works with SQL Server, VistaDB , with XSLT or .NET UserControls Text is available under the Creative Commons Attribution-ShareAlike ...

OPAC Discovery
Switch Language To switch to a different language, select from the following list: English French Spanish Italian British Bulgarian Galician ...

The royal baby - Australian Women's Weekly
MAKE AWW MY HOMEPAGE SUBSCRIBE AND SAVE TODAY FOOD RECIPES ROYALS CELEBS Home Food Recipe search Recipe collections Meal maker Expert Q & A Cookbooks ...

Envoyer par courriel à un ami - Best Buy Canada
Envoyer par courriel à un ami à Best Buy Canada

Bytes - IT + Developer Community - Connect with IT Pros
Bytes.com is a community for Developers and IT Professionals. Join 414,150 members and discuss topics such as software development, networking, ...

Canonical Splines in WPF and Silverlight
January 22, 2009 New York, N.Y. Windows Forms has two methods named DrawCurve and DrawClosedCurve that draw canonical (aka cardinal) splines. ...

Silverlight Toolkit - Issues
Silverlight Toolkit and Silverlight for Windows Phone Toolkit are a set of Microsoft components for developers.

Delicious
Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

DotNetNuke Modules – Anatomy of the View
-*+Now that we’ve laid the foundation of DotNetNuke modules, it is time to start looking at the specific modules. While it would be practically ...

Resources last updated: 11/29/2015 10:58:43 PM