Problem getting clientside time by using javascript.

Question

0.00/5 (No votes)

See more:

Hello Friendz,

I am just stuck up with a small problem. I want to retrieve the client side time of the user. I have written following code for it.But some how its not showing the time.

C#

function DisplayDateTime()
    {
        var DateTime = new Date();
        var strYear= DateTime.getYear();
        var strMonth= DateTime.getMonth() +1;
        var strDay = DateTime.getDate();
        var strHours = DateTime.getHours();
        var strMinutes = DateTime.getMinutes();
        var strSeconds = DateTime.getSeconds();
        var dateTime=document.getElementById("lblDateTime");
        dateTime.innerText = strDay + "/" + strMonth + "/" + strYear + " " + strHours + ":" + strMinutes + ":" + strSeconds;
    }

I have called the function on the click of the button.

VB

<asp:Button ID="btnHitMe" runat="server" Text="Hit Me!!" OnClientClick="DisplayDateTime()"OnClick="btnHitMe_Click" /

>

Can somebody tell me where am I going wrong??:confused:

[moved from answer]:
Code:

XML

<%@ Page Language="C#" MasterPageFile="~/masterpage1.master" AutoEventWireup="true"
    CodeFile="pgLogin.aspx.cs" Inherits="pgLogin" Title="Login Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="middleContent" runat="Server">
    <script type="text/javascript" src="script/md5-paj.js"></script>
    <script language="javascript" type="text/javascript">
    function EncryptMD5()
    {
         var Pass = document.getElementById("<%=txtPassword.ClientID%>").value;
            // Encrypte the password
             if (Pass.length > 0 )
             {
                var MD5Hash = hex_md5(Pass);
                var salt = document.getElementById("<%=SaltStr.ClientID%>").value;
                MD5Hash = hex_md5(salt+MD5Hash);
                document.getElementById("<%=HashPass.ClientID%>").value = MD5Hash;
                document.getElementById("<%=txtPassword.ClientID%>").value = MD5Hash;
             }
    }
    function DisplayDateTime()
    {
        var DateTime = new Date();
        var strYear= DateTime.getYear();
        var strMonth= DateTime.getMonth() +1;
        var strDay = DateTime.getDate();
        var strHours = DateTime.getHours();
        var strMinutes = DateTime.getMinutes();
        var strSeconds = DateTime.getSeconds();
        var dateTime=document.getElementById("lblDateTime");
        dateTime.innerHTML = strDay + "/" + strMonth + "/" + strYear + " " + strHours + ":" + strMinutes + ":" + strSeconds;
    }
    </script>
    <table border="0" cellpadding="0" cellspacing="0" class="tblalign" style="width: 100%;
        height: 300px" title="LMS Login Page">
        <tr>
            <td align="center" colspan="5" rowspan="1">
                <hr style="width: 100%; color: #0099ff; height: 2px" />
            </td>
        </tr>
        <tr>
            <td align="center" colspan="4" rowspan="1" style="height: 13px; background-color: #dedede">
            </td>
            <td align="center" colspan="4" rowspan="1" style="height: 13px; background-color: #dedede">
            </td>
        </tr>
        <tr>
            <td align="center" colspan="4" valign="top">
                <table id="tblLogin" bgcolor="#f3f3f3" border="0" cellpadding="0" cellspacing="0"
                    style="border-right: gray 2px solid; border-top: gray 2px solid; border-left: gray 2px solid;
                    width: 300px; border-bottom: gray 2px solid" title="LMS Login Page">
                    <tbody>
                        <tr>
                            <td align="middle" class="Panelmedblack" colspan="1" rowspan="5">
                                <img src="images/Transport%20Vehical%201.jpg" />
                            </td>
                            <td align="middle" class="Panelmedblack" colspan="4" style="height: 20px">
                                Login</td>
                        </tr>
                        <tr>
                            <td class="medblack" colspan="4" height="5">
                                <asp:Label ID="lblDateTime" runat="server"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td class="medblack" style="height: 20px" width="2%">
                            </td>
                            <td align="center" class="Arial11" style="font-size: 9pt; font-family: Arial; height: 20px"
                                width="35%">
                                <strong><span style="color: #003399">Username:</span></strong></td>
                            <td align="left" class="medblack" style="width: 170px; height: 20px">
                                <asp:TextBox ID="txtLoginName" runat="server" CssClass="TextBoxClass" TabIndex="1"
                                    ToolTip="Enter user name" Width="145px">
                                </asp:TextBox></td>
                            <td class="medblack" style="height: 20px" width="2%">
                                <asp:RequiredFieldValidator ID="rfvLoginName" runat="server" ControlToValidate="txtLoginName"
                                    Font-Bold="True" ValidationGroup="vg" Width="120px">Enter user name</asp:RequiredFieldValidator></td>
                        </tr>
                        <tr>
                            <td class="medblack" colspan="4" height="5">
                            </td>
                        </tr>
                        <tr>
                            <td class="medblack" style="height: 24px">
                            </td>
                            <td class="Arial11" style="font-size: 9pt; font-family: Arial; height: 24px">
                                <div ms_positioning="FlowLayout" style="display: inline; width: 7px; height: 15px">
                                </div>
                                <strong><span style="color: #333399">Password:</span></strong></td>
                            <td align="left" class="medblack" style="width: 170px; height: 24px">
                                <asp:TextBox ID="txtPassword" runat="server" CssClass="TextBoxClass" EnableTheming="True"
                                    EnableViewState="False" TabIndex="2" TextMode="Password" ToolTip="Enter password"
                                    Width="145px">
                                </asp:TextBox></td>
                            <td class="medblack" style="height: 24px">
                                <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword"
                                    ErrorMessage="RequiredFieldValidator" Font-Bold="True" ValidationGroup="vg" Width="120px">Enter password</asp:RequiredFieldValidator></td>
                        </tr>
                        <tr>
                            <td class="medblack" height="20">
                            </td>
                            <td class="medblack" height="20">
                            </td>
                            <td class="medblack">
                            </td>
                            <td class="medblack" style="width: 170px">
                                <asp:Button ID="cmdLogin" runat="server" CssClass="ButtonClass" Font-Bold="True"
                                    Font-Names="Verdana" Font-Size="Small" Height="23px" OnClick="cmdLogin_Click"
                                    OnClientClick="EncryptMD5()" TabIndex="4" Text="Login" ValidationGroup="vg" Width="53px"
                                    style="cursor: hand" ToolTip="user Login " />
                                <asp:Button ID="cmdCancel" runat="server" CssClass="ButtonClass" Font-Bold="True"
                                    Font-Names="Verdana" Font-Size="Small" Height="23px" OnClick="cmdCancel_Click"
                                    TabIndex="5" Text="Cancel" Width="61px" ToolTip="Cancel login" /></td>
                            <td class="medblack" style="text-align: left">
                            </td>
                        </tr>
                        <tr>
                            <td class="medblack" colspan="5" rowspan="2">
                                <asp:Label ID="lblErrMsg" runat="server" ForeColor="Red" Text="Invalid Username or Password"
                                    Visible="False"></asp:Label>
                                <asp:LinkButton id="LinkButton2" runat="server" Font-Size="Small" ForeColor="Blue"
                                    PostBackUrl="~/pgChangePwd.aspx">Change Password</asp:LinkButton>
                                <hr color="gray" size="1" width="100%" />
                                <asp:HiddenField ID="SaltStr" runat="server" Visible="True" />
                                <asp:HiddenField ID="HashPass" runat="server" Visible="True" />
                                <asp:Label ID="lblMessage" runat="server" Font-Bold="True" ForeColor="Red" Height="17px"
                                    Width="339px"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                            </td>
                            <td>
                                <asp:Button ID="btnHitMe" runat="server" Text="Hit Me!!" OnClientClick="return DisplayDateTime()" OnClick="btnHitMe_Click" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td align="right" colspan="5" rowspan="1" style="height: 29px">
                <hr style="width: 100%; color: #0099ff; height: 2px" />
            </td>
        </tr>
    </table>
</asp:Content>

Thanking You,

Swapnil

Posted 22-Sep-10 19:31pm

Swapnil 2009

Updated 23-Sep-10 0:52am

Ankur^\m/

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Hiren solanki · Answer 1 · 2010-09-22T20:49:00

Solution 1

Ok I got your problem,

Make sure that you Have lable control on the page with ID lblDateTime ( I think this will be. )

But The Actual Problem Here is First Your Java script event fires and you are getting Right values ( you can varify it by putting debugger; to the first line of your JS Function ) to set to your label, but then page Fires server Side event and Page is Getting rendered again and Displays by default Value Applied to Lable.

[Addition to Solution]

Ok As per you Told me that you only want to fire client Side Javascript.

Swapnil 2009 wrote:
OnClientClick="DisplayDateTime()"

Instead Write

C#

OnClientClick = "return DisplayDateTime()"

Swapnil 2009 wrote:
function DisplayDateTime()
{
var DateTime = new Date();
var strYear= DateTime.getYear();
var strMonth= DateTime.getMonth() +1;
var strDay = DateTime.getDate();
var strHours = DateTime.getHours();
var strMinutes = DateTime.getMinutes();
var strSeconds = DateTime.getSeconds();
var dateTime=document.getElementById("lblDateTime");
dateTime.innerText = strDay + "/" + strMonth + "/" + strYear + " " + strHours + ":" + strMinutes + ":" + strSeconds;
}

Instead Write ( Just Appended return false to the end of function )

C#

function DisplayDateTime() {
            var DateTime = new Date();
            var strYear = DateTime.getYear();
            var strMonth = DateTime.getMonth() + 1;
            var strDay = DateTime.getDate();
            var strHours = DateTime.getHours();
            var strMinutes = DateTime.getMinutes();
            var strSeconds = DateTime.getSeconds();
            var dateTime = document.getElementById("lblDateTime");
            dateTime.innerText = strDay + "/" + strMonth + "/" + strYear + " " + strHours + ":" + strMinutes + ":" + strSeconds;
            return false;
       }

Vote and Mark as a Answer if it helped.

Posted 22-Sep-10 20:49pm

Hiren solanki

Updated 22-Sep-10 23:15pm

v4

Comments

Hiren solanki 23-Sep-10 4:30am

tell me you want to fire both clientside and serverside event with buttonclick or only client side. ?

Swapnil 2009 23-Sep-10 5:06am

No I want to fire only client side event. I have not written any other code on server side.

Hiren solanki 23-Sep-10 5:14am

see my modified answer. It will solve your problem

Swapnil 2009 23-Sep-10 5:21am

Sorry yaar..That didn't solve the problem either..may be some other solution.

Hiren solanki 23-Sep-10 5:24am

it is running in my pc that way. check if any other minor problem you may be having there.

Swapnil 2009 23-Sep-10 5:24am

If I use the same code on a separate small demo project,it works fine.
but when I embed it in my original project it doesn't seem to work.

Hiren solanki 23-Sep-10 5:26am

ok, There may be any other problem,but I tried my best to solve it,
Anyway thanks.

Swapnil 2009 23-Sep-10 5:26am

Ya..must be some small problem..Thnks for so much help..I will check whats the problem..

Hiren solanki 23-Sep-10 5:27am

Rating to the answer will be welcome.

Swapnil 2009 23-Sep-10 5:28am

If u thought of some solution plz inform me..thanks mate..

Hiren solanki 23-Sep-10 5:30am

disappointed by your rating,

Swapnil 2009 23-Sep-10 5:33am

Sorry by mistake it went as 2. I wanted to give 4..sincerely sorry..I accept it was a good answer..but didn't solve the problem. :(

Swapnil 2009 23-Sep-10 6:35am

Hey Hiren the code runs fine if I execute it on onload event of body but if I run it onClientClick of button then its on showing the time. Is it because when the page is post back the values are lost??

Hiren solanki 23-Sep-10 6:39am

that is same as I Explained you in top of my answer.

Hiren solanki 23-Sep-10 6:39am

and why dont you keep it on bodyLoadEvent rather. ?

Swapnil 2009 23-Sep-10 6:53am

Becoz I waz doing it on a page having master page.It did not had the body tag.Body tag was on the master page.so what I did is took a hiddenfield and stored the value in it(as value persist in it even after postback) and then applied the value to label. Problem solved!!Thank u very mush for your help.
Cheers!!

Hiren solanki 23-Sep-10 6:55am

Nice to know the problem is solved. Mark it as Solved.

Swapnil 2009 23-Sep-10 7:05am

one more small problem..plz can u help me?
How to call two javascript function on a click of a single button?
I mean is this ok?

OnClientClick="EncryptMD5();DisplayDateTime();"

Hiren solanki 23-Sep-10 7:09am

I think it is not feasible but you can call second function at the end of first function. it will work

MalikRizwan · Answer 2 · 2010-09-22T23:53:00

Solution 3

Can you post your ALL code of page?

Posted 22-Sep-10 23:53pm

MalikRizwan

Comments

Swapnil 2009 23-Sep-10 6:30am

I have posted the code..Can u plz tell me where I am going wrong??:(

MalikRizwan 23-Sep-10 8:22am

Buddy, i mean paste your code here so i can see what are you doing wrong

Swapnil 2009 23-Sep-10 8:27am

thnks dude I solved that problem..but can u tell me how can I call two javascript function on one click?

Calling one function inside other doesnt seem to work.

function EncryptMD5()
{
var Pass = document.getElementById("<%=txtPassword.ClientID%>").value;

// Encrypte the password
if (Pass.length > 0 )
{
var MD5Hash = hex_md5(Pass);
var salt = document.getElementById("<%=SaltStr.ClientID%>").value;
MD5Hash = hex_md5(salt+MD5Hash);
document.getElementById("<%=HashPass.ClientID%>").value = MD5Hash;
document.getElementById("<%=txtPassword.ClientID%>").value = MD5Hash;
}
DisplayDateTime()
}

function DisplayDateTime()
{
var DateTime = new Date();
var strYear= DateTime.getYear();
var strMonth= DateTime.getMonth() +1;
var strDay = DateTime.getDate();
var strHours = DateTime.getHours();
var strMinutes = DateTime.getMinutes();
var strSeconds = DateTime.getSeconds();

var dateTime=document.getElementById("hiddenfield1");
dateTime.innerText = strDay + "/" + strMonth + "/" + strYear + " " + strHours + ":" + strMinutes + ":" + strSeconds;

}

MalikRizwan 24-Sep-10 7:50am

you are missing semicolon in on last line of first function