Introduction
Ajax (Asynchronous JavaScript and XML) is a new web development technique for interactive websites. With AJAX help we can develop web applications and retrieve small amounts of data from a web server. AJAX consists Of a different type of technology.
- JavaScript
- XML
- Asynchronous Call to the server
Twitter
The AJAX Control Toolkit released a new Twitter control. With the help of this control we can display the recent tweets associated with a particular Twitter user. We can use this control to show the result of a Twitter search. Twitter limits the number of times that we can interact with their API in an hour. Twitter recommends that we cache results on the server.
Properties
- TabIndex
- ViewStateMode
- Screnne Name
- CacheDuration
- Caption
Step 1 : Open Visual Studio 2010
- Go to File->New->WebSite
- Select ASP.NET WebSite
Step 2 : Go to Solution Explorer and right-click.
- Select Add->New Item
- Select WebForm
- Default.aspx page open
Step 3 : Open Default.aspx page and click in [Design option].
- Drag and drop ScriptManager
Step 4 : Go to the Default.aspx[Source] page and drag the Twitter Control from the Toolbox.
Step 5 : Now the simple code for the Twitter Control.
Code
<asp:Twitter ID="Twitter1" runat="server"> </asp:Twitter>
Step 6 : Now in the Default.aspx[Source] option, register the Twitter control code with TagPrefix.
Syntax
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
Step 7 : Now we define the Twitter control property ScreneName"raj".
Code
<asp:Twitter ID="Twitter1" runat="server" ScreenName="Raj" >
Step 8 : Write the code in the Deault.aspx[Source] option.
Code
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:Twitter ID="Twitter1" runat="server" ScreenName="Raj" >
<EmptyDataTemplate>
There are no matching tweets.
</EmptyDataTemplate>
<LayoutTemplate>
<div runat="server" class="ajax__twitter_header"><asp:Image runat="server"
ImageUrl="mvwres://AjaxControlToolkit, Version=4.1.51116.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e/Twitter.Twitter32.png"></asp:Image>
<h3 runat="server">Ajax Control Toolkit</h3>
<h4 runat="server">ajaxcontroltoolkit</h4>
</div>
<ul runat="server" class="ajax__twitter_itemlist" style="margin:0px;"><asp:PlaceHolder runat="server" ID="ItemPlaceholder"></asp:PlaceHolder>
</ul>
<div runat="server" class="ajax__twitter_footer"><asp:Image runat="server" ImageUrl="mvwres://AjaxControlToolkit, Version=4.1.51116.0, Culture=neutral,
PublicKeyToken=28f01b0e84b6d53e/Twitter.Twitter24.png"></asp:Image>
</div>
</LayoutTemplate>
</asp:Twitter>
</div>
</form>
</body>
</html>
Step 9 : Now run the application pressing F5.
Resource