Introduction and Demonstration
In many websites we use to see loding……loding like images or texts are being
flashed. Actually that is nothing more than some line of codes. Assume that we
have two pages in our web application project named Default.aspx and Home.aspx.
Also assume that corporate home page will be Home.aspx and Default.aspx page
will be used for flash the images or texts. Now we will map our Domain Name
Server (DNS) to Default.aspx page. But in our Default.aspx page has nothing more
than a flash image as given in screenshot below.
It is Default.aspx page above, which has a .gif image only. But this page has
feature to redirect on Home.aspx page after some defined time. So, let's take a
look at code.
<%@
Page Language="VB"
AutoEventWireup="false"
CodeFile="Default.aspx.vb"
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>Auto
Redirection within Some time in ASP.Net</title>
<script
type="text/javascript">
function
delayer()
{
window.location = "Home.aspx"
}
</script>
</head>
<body
onLoad="setTimeout('delayer()', 5000)">
<form
id="form1"
runat="server">
<div>
<table
width="100%"
align="center">
<tr>
<td
colspan="3">
<img
src="loding/loding.gif"
/></td>
</tr>
</table>
</div>
</form>
</body>
</html>
In above coding, there are two major thing to underline are
<script
type="text/javascript">
function
delayer()
{
window.location = "Home.aspx"
}
</script>
Above code is just a JavaScript function which has only a location. But now we
have to call this JavaScript function from body after some time as in body.
<body
onLoad="setTimeout('delayer()', 5000)">
This coding will redirect us on Home.aspx page after 5 seconds.
HAVE A HAPPY CODING!