Thursday, August 4, 2011

3 Client Side Javascript sample



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script type="text/javascript">

function displaymessage() {
alert("Hello World!");
}

function updatelabelcontrol(Lavell) {
var usename = $get("TextBox1").value;
var lb2 = $get("Label2").innerText;
var labella = $get("Label1");// $get(Lavell);
labella.innerHTML = usename+lb2; //"test";
}

function btn_Click() {
var usename = $get("TextBox1").value;
var lb2 = $get("Label2").value
var labell = $get("Label1");
labell.innerHTML = usename+lb2;
}

function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x == c_name) {
return unescape(y);
}
}
}

function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}

function checkCookie() {
var username = getCookie("username");
if (username != null && username != "") {
alert("Welcome again " + username);
}
else {
username = prompt("Please enter your name:", "");
if (username != null && username != "") {
setCookie("username", username, 365);
}
}
startTime();
}

function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
t = setTimeout('startTime()', 500);
}

function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}

</script>

</head>
<body onload="checkCookie()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="txt"></div>
<div>
<asp:Label ID="Label1" runat="server" Text="Label1" onclick='updatelabelcontrol(this)'></asp:Label>
<br />
<asp:Label ID="Label2" runat="server" Text="Label2"></asp:Label><br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="btn_Click()" />
<br />
<input type="button" value="Click me!" onclick="displaymessage()" />
</div>
</form>
</body>
</html>