How to use the combination of Two DropDownList With AJAX Extensions(ScriptManager & Timer).

Objective:-Write a Programme to use the combination of Two DropDownList With AJAX Extensions(ScriptManager & Timer) And Wait gif Animation Image.

STEPS :-
STEP:- 1  CREATE NEW PROJECT.
Go to File -> New -> Project -> Select asp.net web forms application -> Entry Application Name -> Click OK.

STEP:- 2  ADD TOOLS
Drag & Drop these tools which you can see in the Left side of toolbox.
I think this image will help you that which tool you have to Drag & Drop from Toolbox.

STEP:- 3 To Create a folder and keep a image in the folder.
Go to Solution Explorer-> Right clock on WebApplication-> Add-> Click on New Folder
Rename and paste Any Wait gif Animation Image from given link.
http://softbehave.blogspot.in/p/collection-of-loading-image.html



********HTML Code***************

1. <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
2.     CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
3. 
   
4. <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
5. </asp:Content>
6. <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
7.     <h2>
8.         Welcome to ASP.NET!
9.     </h2>
10.     <div style="height: 300px">
11.     <br/>
12.     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
13.         <asp:Image ID="Image1" runat="server" ImageUrl="~/Image/SmallLoader.gif" />
14.         <br />
15. &nbsp; Enter Catogary:&nbsp;
16.         <asp:DropDownList ID="DropDownList1" runat="server">
17.             <asp:ListItem>Boy</asp:ListItem>
18.             <asp:ListItem>Girl</asp:ListItem>
19.             <asp:ListItem>Animal</asp:ListItem>
20.         </asp:DropDownList>
21. &nbsp;
22.         <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Small" 
23.             ForeColor="Blue" Text="Please Wait . . ."></asp:Label>
24.         <br />
25. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
26.         <br />
27. &nbsp;&nbsp;&nbsp; Sub Catogary:&nbsp;
28.         <asp:DropDownList ID="DropDownList2" runat="server">
29.         </asp:DropDownList>
30.         <br />
31.         <br />
32. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
33.         <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Show" />
34. &nbsp;&nbsp;
35.         <br />
36. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
37.         <br />
38. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
39.         <br />
40.         <asp:ScriptManager ID="ScriptManager1" runat="server">
41.         </asp:ScriptManager>
42. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
43.         <asp:Timer ID="Timer1" runat="server" Enabled="False" Interval="6000" 
44.             ontick="Timer1_Tick">
45.         </asp:Timer>
46.     </div>
47. </asp:Content>

********C# Code***************

1. using System;
2. using System.Collections.Generic;
3. using System.Linq;
4. using System.Web;
5. using System.Web.UI;
6. using System.Web.UI.WebControls;
7. 
   
8. namespace WebApplication1
9. {
10.     public partial class _Default : System.Web.UI.Page
11.     {
12.         int sec = 0;
13.         protected void Page_Load(object sender, EventArgs e)
14.         {
15.             Image1.Visible = false;
16.             Label1.Visible = false;
17.         }
18. 
    
19.         protected void Timer1_Tick(object sender, EventArgs e)
20.         {
21.             sec++;
22.             if (sec == 10)
23.             {
24.                                
25.             }
26.             Image1.Visible = false;
27.             Timer1.Enabled = false;
28.             Label1.Visible = false;
29.             if (DropDownList1.Text == "Boy")
30.             {
31.                 DropDownList2.Items.Clear();
32.                 DropDownList2.Items.Add("Ravi");
33.                 DropDownList2.Items.Add("Manoj");
34.                 DropDownList2.Items.Add("Sunil");
35.                 DropDownList2.Items.Add("Rajesh");
36.             }
37. 
    
38.             else if (DropDownList1.Text == "Girl")
39.             {
40.                 DropDownList2.Items.Clear();
41.                 DropDownList2.Items.Add("Soni");
42.                 DropDownList2.Items.Add("Anjali");
43.                 DropDownList2.Items.Add("Neha");
44.                 DropDownList2.Items.Add("Rupa");
45.             }
46.             else
47.             {
48.                 DropDownList2.Items.Clear();
49.                 DropDownList2.Items.Add("Cow");
50.                 DropDownList2.Items.Add("OX");
51.                 DropDownList2.Items.Add("Fox");
52.                 DropDownList2.Items.Add("Cat");
53.             }
54. 
    
55.         }
56. 
    
57.         protected void Button1_Click(object sender, EventArgs e)
58.         {
59.             Timer1.Enabled = true;
60.             Image1.Visible = true;
61.             Label1.Visible=true;
62.         }
63.     }
64. }