Set Cursor Location from server side
Javascript function
function setCursorPositionToEnd(elementId)
{ var elementRef = document.getElementById(elementId);
var cursorPosition = document.getElementById(elementId).value.length;
if ( elementRef != null )
{
if ( elementRef.createTextRange )
{
var textRange = elementRef.createTextRange();
textRange.move('character', cursorPosition);
textRange.select();
}
else
{
if ( elementRef.selectionStart )
{
elementRef.focus();
elementRef.setSelectionRange(cursorPosition, cursorPosition);
}
else
{
elementRef.focus();
}
}
}
}
use This code at server side
string myScript = String.Format("setCursorPositionToEnd('txtSearch');"); ScriptManager.RegisterStartupScript(Page, Page.GetType(), "Myscript", myScript, true);
Saturday, October 30, 2010
MaxLength for MultiLine textbox
onKeyUp="javascript:Count(this,5000);" onChange="javascript:Count(this,5000);"
function Count(text,long)
{
var maxlength = new Number(long); // Change number to your max length.
if(document.getElementById('txtDescription').value.length > maxlength)
{
text.value = text.value.substring(0,maxlength);
alert(" Only " + long + " chars");
}
}
onKeyUp="javascript:Count(this,5000);" onChange="javascript:Count(this,5000);"
function Count(text,long)
{
var maxlength = new Number(long); // Change number to your max length.
if(document.getElementById('txtDescription').value.length > maxlength)
{
text.value = text.value.substring(0,maxlength);
alert(" Only " + long + " chars");
}
}
Ajax Progrmming
Ajax(pronounced /'e?d?æks/) (shorthand for Asynchronous JavaScript and XML[1]) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages[citation needed]. Data is usually retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not actually required, nor do the requests need to be asynchronous.[2]
Like DHTML and LAMP, Ajax is not a technology in itself, but a group of technologies. Ajax uses a combination of HTML and CSS to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and to allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.
Ajax(pronounced /'e?d?æks/) (shorthand for Asynchronous JavaScript and XML[1]) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages[citation needed]. Data is usually retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not actually required, nor do the requests need to be asynchronous.[2]
Like DHTML and LAMP, Ajax is not a technology in itself, but a group of technologies. Ajax uses a combination of HTML and CSS to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and to allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.
Monday, October 11, 2010
----get Querystring Value in Javascript-------------
var tablename = getQuerystring('tablename');
function getQuerystring(key, default_)
{
if (default_==null) default_="";
key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
var qs = regex.exec(window.location.href);
if(qs == null)
return default_;
else
return qs[1];
}
var tablename = getQuerystring('tablename');
function getQuerystring(key, default_)
{
if (default_==null) default_="";
key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
var qs = regex.exec(window.location.href);
if(qs == null)
return default_;
else
return qs[1];
}
Saturday, February 13, 2010
Auto Refresh.
Method 1: Response.AddHeader
To Refresh Web page After every 5 Seconds You can add following code,
Cricket Sites, Stock Exchange sites use similar logic :)
Method 2: In body Tag, window.setTimeout
The 1000 = 1 Second...
Method 3: In Meta Tag
Theres also a meta tag that you can define on the head, but not sure wheter it refreshes even if the content has not finished loading or if it starts counting when the head section loaded. Code would be something like that:
Method 4: Timer Control : Microsoft ASP.NET 2.0 AJAX Extensions server control
In following example, the timer interval is set to 10 seconds
To Refresh Web page After every 5 Seconds You can add following code,
Response.AddHeader("Refresh", "5");
Cricket Sites, Stock Exchange sites use similar logic :)
Method 2: In body Tag, window.setTimeout
The 1000 = 1 Second...
<body onload="window.setTimeout('window.location.reload()',1000);">
Method 3: In Meta Tag
Theres also a meta tag that you can define on the head, but not sure wheter it refreshes even if the content has not finished loading or if it starts counting when the head section loaded. Code would be something like that:
<meta content="600" http-equiv="refresh">
Method 4: Timer Control : Microsoft ASP.NET 2.0 AJAX Extensions server control
In following example, the timer interval is set to 10 seconds
<%@ Page Language="C#" AutoEventWireup="true" %>
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Timer Example Pagetitle>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
OriginalTime.Text = DateTime.Now.ToLongTimeString();
}
protected void Timer1_Tick(object sender, EventArgs e)
{
StockPrice.Text = GetStockPrice();
TimeOfPrice.Text = DateTime.Now.ToLongTimeString();
}
private string GetStockPrice()
{
double randomStockPrice = 50 + new Random().NextDouble();
return randomStockPrice.ToString("C");
}
script>
head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Interval="10000" />
<asp:UpdatePanel ID="StockPricePanel" runat="server" UpdateMode="Conditional">
<triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" />
triggers>
<contenttemplate>
Stock price is <asp:Label id="StockPrice" runat="server"/>
<br/>as of
<asp:Label id="TimeOfPrice" runat="server"/>
contenttemplate>
asp:UpdatePanel>
<div>
Page originally created at
<asp:Label ID="OriginalTime" runat="server">asp:Label>
div>
form>
body>
html>
Subscribe to:
Posts (Atom)