http://onteorasoftware.com/category/3.aspx Ajax en-US Ken Tucker Subtext Version 2.1.2.2 http://blog.onteorasoftware.net/archive/2008/04/01/vb-cascading-drop-down-example.aspx <p> Here is simple VB example of the AjaxToolkit's CascadingDropDown extender.  For this example I use the CarsService.Xml found in the AjaxToolkits sample site.  The xml file needs to be placed in the App_data directory </p> <p>   </p> <p> Here is the Pages Html </p> <p>   </p> <font size="2"> <p> &lt;%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt; </p> <p> &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %&gt;<br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />     &lt;div&gt;<br />         &lt;asp:ScriptManager ID="sm1" EnablePageMethods="true" runat="server"&gt;<br />         &lt;/asp:ScriptManager&gt;<br />         &lt;table&gt;<br />             &lt;tr&gt;<br />                 &lt;td&gt;<br />                     Make<br />                 &lt;/td&gt;<br />                 &lt;td&gt;<br />                     &lt;asp:DropDownList ID="DropDownList1" runat="server" Width="341px"&gt;<br />                     &lt;/asp:DropDownList&gt;<br />                 &lt;/td&gt;<br />             &lt;/tr&gt;<br />             &lt;tr&gt;<br />                 &lt;td&gt;<br />                     Model<br />                 &lt;/td&gt;<br />                 &lt;td&gt;<br />                     &lt;asp:DropDownList ID="DropDownList2" runat="server" Width="341px"&gt;<br />                     &lt;/asp:DropDownList&gt;<br />                 &lt;/td&gt;<br />             &lt;/tr&gt;<br />             &lt;tr&gt;<br />                 &lt;td&gt;<br />                     Color<br />                 &lt;/td&gt;<br />                 &lt;td&gt;<br />                     &lt;asp:DropDownList ID="DropDownList3" runat="server"  Width="341px"&gt;<br />                     &lt;/asp:DropDownList&gt;<br />                 &lt;/td&gt;<br />             &lt;/tr&gt;<br />         &lt;/table&gt;<br />     &lt;/div&gt;<br />     &lt;cc1:CascadingDropDown ID="CascadingDropDown1" runat="server" TargetControlID="DropDownList1"<br />             Category="Make"  PromptText="Please select a make"  LoadingText="[Loading makes...]" ServiceMethod="GetDropDownContents"&gt;<br />     &lt;/cc1:CascadingDropDown&gt;<br />     &lt;cc1:CascadingDropDown ID="CascadingDropDown2" runat="server" TargetControlID="DropDownList2"<br />             Category="Model" PromptText="Please select a model" LoadingText="[Loading models...]"<br />             ServiceMethod="GetDropDownContents" ParentControlID="DropDownList1"&gt;<br />     &lt;/cc1:CascadingDropDown&gt;<br />     &lt;cc1:CascadingDropDown ID="CascadingDropDown3" runat="server" TargetControlID="DropDownList3"<br />             Category="Color" PromptText="Please select a color" LoadingText="[Loading colors...]"<br />             ServiceMethod="GetDropDownContents"<br />             ParentControlID="DropDownList2"&gt;<br />     &lt;/cc1:CascadingDropDown&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt; </p> <p>   </p> <p> In the code behind I am using a shared class so I only have to load the xml document once. </p> <p>   </p> <p> Imports System.Xml </p> <p> Partial Class _Default<br />     Inherits System.Web.UI.Page </p> <p>     &lt;System.Web.Services.WebMethod()&gt; _<br /> &lt;System.Web.Script.Services.ScriptMethod()&gt; _<br />  Public Shared Function GetDropDownContents(ByVal knownCategoryValues As String, ByVal category As String) As AjaxControlToolkit.CascadingDropDownNameValue()<br />         Dim knownCategoryValuesDictionary As StringDictionary = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues) </p> <p>         Return AjaxControlToolkit.CascadingDropDown.QuerySimpleCascadingDropDownDocument(CarsInfo.Document, CarsInfo.Hierarchy, knownCategoryValuesDictionary, category)<br />     End Function<br /> End Class </p> <p> <br /> Public Class CarsInfo<br />     Private Shared _Doc As XmlDocument<br />     Private Shared _load As Boolean = True </p> <p>     Public Shared ReadOnly Property Document() As XmlDocument<br />         Get<br />             If _load Then<br />                 _Doc = New XmlDocument<br />                 _Doc.Load(HttpContext.Current.Server.MapPath("~/App_Data/CarsService.xml"))<br />                 _load = False<br />             End If<br />             Return _Doc<br />         End Get<br />     End Property </p> <p>     Public Shared ReadOnly Property Hierarchy() As String()<br />         Get<br />             Return New String() {"make", "model"}<br />         End Get<br />     End Property<br /> End Class </p> <p>   </p> <p>   </p> </font> <img src="http://blog.onteorasoftware.net/aggbug/29.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2008/04/01/vb-cascading-drop-down-example.aspx Tue, 01 Apr 2008 15:03:31 GMT http://blog.onteorasoftware.net/comments/29.aspx http://blog.onteorasoftware.net/archive/2008/04/01/vb-cascading-drop-down-example.aspx#feedback 5 http://blog.onteorasoftware.net/comments/commentRss/29.aspx http://blog.onteorasoftware.net/archive/2007/09/16/use-the-ajaxslideshowextender-to-show-pictures-in-a-directory.aspx <h3 align="center">Use the AjaxSlideShowExtender to show pictures in a directory</h3><br /> <br /> <p> The AjaxSlideShowExtender will automatically display a slide show in an image control.  The slide show extender calls a shared function to get a list of slides.  This tip shows hows to create slide of all the images in a folder. </p> <br /> <hr /> <p> The Pages HTML </p> <p> &lt;%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt;<br /> &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %&gt; </p> <p> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;asp:ScriptManager ID="ScriptManager1" runat="server" /&gt;<br />         &lt;div&gt;<br />             &lt;div style="text-align: center"&gt;<br />                 &lt;asp:Image ID="Image1" runat="server" Height="300" Style="border: 1px solid black;<br />                     width: auto" ImageUrl="images/ajax.jpg"<br />                     AlternateText="Ajax" /&gt;<br />                 &lt;asp:Label runat="Server" ID="imageLabel1" /&gt;&lt;br /&gt;<br />                 &lt;br /&gt;<br />                 &lt;asp:Button runat="Server" ID="prevButton" Text="Prev" Font-Size="Larger" /&gt;<br />                 &lt;asp:Button runat="Server" ID="playButton" Text="Play" Font-Size="Larger" /&gt;<br />                 &lt;asp:Button runat="Server" ID="nextButton" Text="Next" Font-Size="Larger" /&gt;<br />                 &lt;ajaxToolkit:SlideShowExtender ID="slideshowextend1" runat="server" TargetControlID="Image1"<br />                     SlideShowServiceMethod="GetPictures" AutoPlay="true" ImageDescriptionLabelID="imageLabel1"<br />                     NextButtonID="nextButton" PlayButtonText="Play" StopButtonText="Stop" PreviousButtonID="prevButton"<br />                     PlayButtonID="playButton" Loop="true" /&gt;<br />                 &lt;asp:Label ID="lblError" runat="server" /&gt;<br />             &lt;/div&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt; </p> <p> The Code Behind File </p> <p> Imports System.IO<br /> Partial Class _Default<br />     Inherits System.Web.UI.Page </p> <p>     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load<br />         MyData.ImagePath = Server.MapPath("~/Images")<br />         Dim strUrl As String = Request.Url.ToString </p> <p>         MyData.Url = strUrl.Substring(0, strUrl.LastIndexOf("/")) &amp; "/Images/"<br />     End Sub </p> <p> <br />     &lt;System.Web.Services.WebMethod()&gt; _<br /> &lt;System.Web.Script.Services.ScriptMethod()&gt; _<br /> Public Shared Function GetPictures() As AjaxControlToolkit.Slide()<br />         Dim di As New DirectoryInfo(MyData.ImagePath)<br />         Dim s(di.GetFiles.Length - 1) As AjaxControlToolkit.Slide<br />         Dim x As Integer = 0<br />         For Each fi As FileInfo In di.GetFiles()<br />             s(x) = New AjaxControlToolkit.Slide(MyData.Url &amp; fi.Name, "", Path.GetFileNameWithoutExtension(fi.Name))<br />             x += 1<br />         Next<br />         Return s<br />     End Function<br /> End Class </p> <p> Public Class MyData<br />     Private Shared _Path As String<br />     Private Shared _Url As String </p> <p>     Public Shared Property ImagePath() As String<br />         Get<br />             Return _Path<br />         End Get<br />         Set(ByVal value As String)<br />             _Path = value<br />         End Set<br />     End Property </p> <p>     Public Shared Property Url() As String<br />         Get<br />             Return _Url<br />         End Get<br />         Set(ByVal value As String)<br />             _Url = value<br />         End Set<br />     End Property<br /> End Class </p> <p>   </p> <img src="http://blog.onteorasoftware.net/aggbug/64.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/use-the-ajaxslideshowextender-to-show-pictures-in-a-directory.aspx Mon, 17 Sep 2007 01:35:47 GMT http://blog.onteorasoftware.net/comments/64.aspx http://blog.onteorasoftware.net/archive/2007/09/16/use-the-ajaxslideshowextender-to-show-pictures-in-a-directory.aspx#feedback 2 http://blog.onteorasoftware.net/comments/commentRss/64.aspx http://blog.onteorasoftware.net/archive/2007/09/16/getting-the-back-button-to-work-with-ajax.aspx <h3 align="center">Getting the Back Button to work with Ajax</h3><br /> <p> Microsoft's Asp.Net Ajax makes it easy to create a web page that can refresh itself with out posting back.  Unfortunately when a web page updates itself using ajax the user is unable to press the back button to get back to what is was on the page before.  In this article I will first show to create an ajax enable website which uses a webservice to update itself. Then we will make the back button work properly. </p> <p>   </p> <p> First create a new AjaxEnabledWebsite and lets start off by adding a webservice to the Project named Customers.  This web service will connect to the northwind database and return the company name for a customer id.  To make this webservice work with ajax we have to make the web service a ScriptService.  </p> <p>   </p> <hr /> <font size="2" color="#0000ff"> <p> <font color="#0000ff">Imports System.Web<br /> Imports System.Web.Services<br /> Imports System.Web.Services.Protocols<br /> Imports System.Data.SqlClient<br /> Imports System.Data<br /> Imports System.Text</font> </p> <p> <font color="#0000ff">&lt;WebService(Namespace:="<a href="http://tempuri.org/">http://tempuri.org/</a>")&gt; _<br /> &lt;WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)&gt; _<br /> &lt;Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()&gt; _<br /> &lt;Microsoft.Web.Script.Services.ScriptService()&gt; _<br /> Public Class Customers<br />     Inherits System.Web.Services.WebService</font> </p> <p> <font color="#0000ff">    &lt;WebMethod()&gt; _<br />     Public Function GetName(ByVal strID As String) As String<br />         Dim strOut As New StringBuilder<br />         Dim connStr As String<br />         connStr = "Server = .;Database = Northwind; integrated security=sspi;"<br />         Dim conn As New SqlConnection(connStr)<br />         Dim cmd As New SqlCommand<br />         Try<br />             conn.Open()<br />             If strID &lt;&gt; "" Then<br />                 cmd = New SqlCommand("Select CompanyName From Customers where Customerid = @CustomerID", conn)<br />                 cmd.Parameters.AddWithValue("@CustomerID", strID)<br />                 strOut.Append("&lt;html&gt;&lt;body&gt;")<br />                 strOut.Append(cmd.ExecuteScalar.ToString())<br />                 strOut.Append("&lt;/body&gt;&lt;/html&gt;")<br />             End If<br />         Catch ex As Exception<br />             strOut.Append("&lt;H1&gt;Database Error&lt;/H1&gt;")<br />         Finally<br />             conn.Close()<br />         End Try<br />         Return strOut.ToString</font> </p> <p> <font color="#0000ff">    End Function</font> </p> <p> <font color="#0000ff">End Class<br /> </font> </p> <p> <font color="#0000ff" /> </p> <p> <font color="#000000" /> </p> </font><br /> <hr /> <p> We also have to make a change to the httpHandlers section of the web.config file for this to work.<br /> </p> <hr /> <p>     &lt;httpHandlers&gt;<br />       &lt;remove verb="*" path="*.asmx"/&gt;<br />       &lt;add verb="*" path="*.asmx" validate="false" type="Microsoft.Web.Script.Services.ScriptHandlerFactory, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/&gt;<br />       &lt;add verb="GET" path="ScriptResource.axd" type="Microsoft.Web.Handlers.ScriptResourceHandler" validate="false"/&gt;<br />     &lt;/httpHandlers&gt; </p> <hr /> <p> <br /> Lets set up default.aspx to use the webservice for updating its content.  First we have to register the webservice with the pages script manager. </p> <p>         &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;<br />         &lt;Services&gt;<br />             &lt;asp:ServiceReference Path="~/Customers.asmx" /&gt;&lt;/Services&gt;<br />         &lt;/asp:ScriptManager&gt; </p> <p> Now we need to make a callback function in java script for the web service.  This function will display the results. </p> <p>     &lt;script language="javascript" type="text/javascript"&gt;<br />            <br />        function displayName(results) <br />         {      <br />             $get("CompanyName").innerHTML = results;<br />         }        <br />     &lt;/script&gt; </p> <p>   </p> <p> Of course we have to add a few controls to the form to display the data.  Here is the html for default.aspx. </p> <hr /> <p> &lt;%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt; </p> <p> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt; </p> <p>     &lt;script language="javascript" type="text/javascript"&gt;<br />            <br />        function displayName(results) <br />         {      <br />             $get("CompanyName").innerHTML = results;<br />         }        <br />     &lt;/script&gt; </p> <p> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;<br />         &lt;Services&gt;<br />             &lt;asp:ServiceReference Path="~/Customers.asmx" /&gt;&lt;/Services&gt;<br />         &lt;/asp:ScriptManager&gt;<br />         &lt;div&gt;<br />             &lt;asp:Label ID="Label1" runat="server" Text="Label"&gt;&lt;/asp:Label&gt;<br />             &lt;table&gt;<br />                 &lt;tr&gt;<br />                     &lt;td&gt;<br />                         &lt;asp:DataList ID="DataList1" runat="server" DataKeyField="CustomerID" DataSourceID="SqlDataSource1"&gt;<br />                             &lt;ItemTemplate&gt;<br />                                 &lt;a href="javascript:Customers.GetName('&lt;%# Eval("CustomerID") %&gt;', displayName)"&gt;<br />                                     &lt;%# Eval("CustomerID") %&gt;<br />                                 &lt;/a&gt;<br />                                 &lt;br /&gt;<br />                             &lt;/ItemTemplate&gt;<br />                         &lt;/asp:DataList&gt;<br />                         &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="&lt;%$ ConnectionStrings:NorthWindConnectionString %&gt;"<br />                             SelectCommand="SELECT [CustomerID] FROM [Customers]"&gt;&lt;/asp:SqlDataSource&gt;<br />                     &lt;/td&gt;<br />                     &lt;td style='vertical-align:top; width: 50%;'&gt;<br />                         &lt;div id="CompanyName" &gt;<br />                         &lt;/div&gt;<br />                     &lt;/td&gt;<br />                 &lt;/tr&gt;<br />             &lt;/table&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt; </p> <p>   </p> <p> <br /> </p> <hr /> On the page we have a label lblNow which I use for displaying the time the page was displayed.  Here is the code behind file which updates the label<br /> <br /> <hr /> <br /> Partial Class _Default<br />     Inherits System.Web.UI.Page <p>     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load<br />         lblNow.Text = Now.ToLongTimeString<br />     End Sub<br /> End Class </p> <hr /> <p> So if we run the project you will see a list of the northwind product categories.  When you click on one of the customer id it will call a java script function which will display the company name.  You can see by the fact the time is not changing in the label the page is not posting back. </p> <p> The browsers back button remembers when a webpage loads, posts back, or the page loaded in an IFrame changes.  So for the back button to work with ajax we need to add a hidden IFrame to the page.  The trick here is to get the page we navigate to in the iframe to update our webpage. </p> <p>   </p> <p> Add a new webpage to the project named History.aspx.  In the call back function we are using parent.document to change the div on the main form. Here is the html for the page.<br /> </p> <hr /> <p> &lt;%@ Page Language="VB" AutoEventWireup="false" CodeFile="history.aspx.vb" Inherits="history" %&gt; </p> <p> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt; </p> <p>     &lt;script language="javascript" type="text/javascript"&gt;<br />                   <br />         function GetID()<br />         {<br />             var url=window.location.href;<br />             var idstring=url.split("?")[1]; </p> <p>             if(!idstring)<br />                 return null; </p> <p>             idstring=idstring.substr(("ID=").length);<br />             idstring=unescape(idstring);<br />             return idstring;<br />         }<br />         <br />         function displayResult(results)<br />         {<br />             parent.document.all.item("CompanyName").innerHTML = results;<br />         }<br />        <br />         function body_onload()<br />         {<br />          var idstring=GetID();<br />           if(idstring)<br />           {<br />              Customers.GetName(idstring, displayResult);<br />           }<br />         }<br />     &lt;/script&gt; </p> <p> &lt;/head&gt;<br /> &lt;body onload="body_onload();"&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;div&gt;<br />             &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;<br />                 &lt;Services&gt;<br />                     &lt;asp:ServiceReference Path="~/Customers.asmx" /&gt;<br />                 &lt;/Services&gt;<br />             &lt;/asp:ScriptManager&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </p> <hr /> <p> Now we need to make some changes to default.aspx.  First we have to add a hidden iframe to the form. </p> <p>   </p> <p>             &lt;iframe id="hiddeniframe" src="history.aspx" style='visibility: hidden;'&gt;&lt;/iframe&gt; </p> <p>   </p> <p> Finally we have to get the link to change the page in the iframe instead of calling the web service.   Here is the updated pages html. </p> <hr /> <p> &lt;%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt; </p> <p> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt; </p> <p>     &lt;script language="javascript" type="text/javascript"&gt;<br />           <br />        function ChangeFrame(id)<br />        {<br />             window.frames["hiddeniframe"].location.href ="history.aspx?ID=" + id;<br />        }<br />  <br />     &lt;/script&gt; </p> <p> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;<br />         &lt;/asp:ScriptManager&gt;<br />         &lt;div&gt;<br />             &lt;asp:Label ID="Label1" runat="server" Text="Label"&gt;&lt;/asp:Label&gt;<br />             &lt;table&gt;<br />                 &lt;tr&gt;<br />                     &lt;td&gt;<br />                         &lt;asp:DataList ID="DataList1" runat="server" DataKeyField="CustomerID" DataSourceID="SqlDataSource1"&gt;<br />                             &lt;ItemTemplate&gt;<br />                                 &lt;a href="javascript:ChangeFrame('&lt;%# Eval("CustomerID") %&gt;')"&gt;<br />                                     &lt;%# Eval("CustomerID") %&gt;<br />                                 &lt;/a&gt;<br />                                 &lt;br /&gt;<br />                             &lt;/ItemTemplate&gt;<br />                         &lt;/asp:DataList&gt;<br />                         &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="&lt;%$ ConnectionStrings:NorthWindConnectionString %&gt;"<br />                             SelectCommand="SELECT [CustomerID] FROM [Customers]"&gt;&lt;/asp:SqlDataSource&gt;<br />                     &lt;/td&gt;<br />                     &lt;td style='vertical-align:top; width: 50%;'&gt;<br />                         &lt;div id="CompanyName" &gt;<br />                         &lt;/div&gt;<br />                     &lt;/td&gt;<br />                 &lt;/tr&gt;<br />             &lt;/table&gt;<br />             &lt;iframe id="hiddeniframe" src="history.aspx" style='visibility: hidden;'&gt;&lt;/iframe&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </p> <hr /> Now when the user clicks on the link it calls a webpage in a hidden iframe which updates the main page.  The user now can use the back button <img src="http://blog.onteorasoftware.net/aggbug/93.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/getting-the-back-button-to-work-with-ajax.aspx Sun, 16 Sep 2007 22:01:16 GMT http://blog.onteorasoftware.net/comments/93.aspx http://blog.onteorasoftware.net/archive/2007/09/16/getting-the-back-button-to-work-with-ajax.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/93.aspx http://blog.onteorasoftware.net/archive/2007/09/16/ajaxtoolkit-slide-show-control.aspx <h3 align="center">AjaxToolKit Slide Show Control</h3><br /> <br /> <p> While working on the Orlando Code Camp website I decided to add a page which shows a slide show of the pictures taken at code camp. The new <a href="http://ajax.asp.net/ajaxtoolkit/SlideShow/SlideShow.aspx">Ajax Tool Kit Slide Show Control</a> was perfect for this task. The photos were uploaded to the Flickr website. </p> <br /> <p> The Slide Show control requires a shared (static c#) function which would return an Array of Slides. The slide class contains a link to the photo, the photos name, and description of the photo. Since I did not want to store a list of photos in a database or xml file I decided to use the <a href="http://www.codeplex.com/FlickrNet">FlickrNet library</a> on the Code Plex website to get a list of the code camp photos. You will need an api key from <a href="http://www.flickr.com/services/api/">Flickr</a> to use this class library. </p> <br /> <p> In this example I look up the username by the URL the photo collections is located. The I get a list of the photos by the username. The Flickr .Net library will create an xml file to cache the photo list by default. I turned this feature off because not all webservers will allow the dll to write to the bin directory the Flickr dll is located in. </p> <br /> <a href="http://blogs.msdn.com/coding4fun/archive/2006/11/22/1126978.aspx">Article about Flickr.Net API on Coding4Fun Website</a><br /> <br /> <a href="http://www.orlandocodecamp.com/photos.aspx">Orlando Code Camp Photo Show</a> <hr /> HTML<br /> <br /> &lt;%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt;<br /> <br /> &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %&gt;<br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;<br /> &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Orlando Code Camp Files&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" /&gt;<br />         &lt;div&gt;<br />             &lt;div style="text-align: center"&gt;<br />                 &lt;asp:Image ID="Image1" runat="server" Height="300" Style="border: 1px solid black;<br />                     width: auto" ImageUrl="http://farm1.static.flickr.com/177/434079572_dd113d2313.jpg?v=0"<br />                     AlternateText="Orlando Code Camp" /&gt;<br />                 &lt;asp:Label runat="Server" ID="imageLabel1" /&gt;&lt;br /&gt;<br />                 &lt;br /&gt;<br />                 &lt;asp:Button runat="Server" ID="prevButton" Text="Prev" Font-Size="Larger" /&gt;<br />                 &lt;asp:Button runat="Server" ID="playButton" Text="Play" Font-Size="Larger" /&gt;<br />                 &lt;asp:Button runat="Server" ID="nextButton" Text="Next" Font-Size="Larger" /&gt;<br />                 &lt;ajaxToolkit:SlideShowExtender ID="slideshowextend1" runat="server" TargetControlID="Image1"<br />                     SlideShowServiceMethod="GetPictures" AutoPlay="true" ImageDescriptionLabelID="imageLabel1"<br />                     NextButtonID="nextButton" PlayButtonText="Play" StopButtonText="Stop" PreviousButtonID="prevButton"<br />                     PlayButtonID="playButton" Loop="true" /&gt;<br />                 &lt;asp:Label ID="lblError" runat="server" /&gt;<br />             &lt;/div&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> <br /> <hr /> Code Behind File<br /> <br /> Imports FlickrNet<br /> <br /> Partial Class _Default<br />     Inherits System.Web.UI.Page<br /> <br />     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load<br /> <br />     End Sub<br /> <br />     &lt;System.Web.Services.WebMethod()&gt; _<br />   &lt;System.Web.Script.Services.ScriptMethod()&gt; _<br />    Public Shared Function GetPictures() As AjaxControlToolkit.Slide()<br />         Dim strApiKey As String = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"<br />         Dim strSecret As String = "xxxxxxxxxxxxxxxxxxxxx"<br />         Flickr.CacheDisabled = True<br />         Dim f As New FlickrNet.Flickr()<br />         Try<br />             f.ApiKey = strApiKey<br />             f.ApiSecret = strSecret<br /> <br />             Dim user As FlickrNet.FoundUser = f.UrlsLookupUser("http://www.flickr.com/photos/onetug/sets/72157600026752869/")<br />             Dim ccPhotos As FlickrNet.Photos<br />             Dim so As New FlickrNet.PhotoSearchOptions<br />             so.UserId = user.UserId<br />             ccPhotos = f.PhotosSearch(so)<br /> <br />             Dim s(ccPhotos.PhotoCollection.Count) As AjaxControlToolkit.Slide<br /> <br />             For x As Integer = 0 To ccPhotos.PhotoCollection.Count - 1<br />                 Dim ph As FlickrNet.Photo = ccPhotos.PhotoCollection.Item(x)<br />                 s(x) = New AjaxControlToolkit.Slide(ph.MediumUrl, "", ph.Title)<br />             Next<br />             Return s<br />         Catch ex As Exception<br />             Dim s(0) As AjaxControlToolkit.Slide<br />             s(0) = New AjaxControlToolkit.Slide("http://static.flickr.com/186/435708815_c74ba67436_b.jpg", "", _<br />                 "Shawn Weisfeld delivering the books to A Gift for Teaching")<br />             Return s<br />         End Try<br />     End Function<br /> <br /> End Class <img src="http://blog.onteorasoftware.net/aggbug/70.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/ajaxtoolkit-slide-show-control.aspx Sun, 16 Sep 2007 19:31:46 GMT http://blog.onteorasoftware.net/comments/70.aspx http://blog.onteorasoftware.net/archive/2007/09/16/ajaxtoolkit-slide-show-control.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/70.aspx http://blog.onteorasoftware.net/archive/2007/09/16/updatepanel-gotcha.aspx <h3 align="center">UpdatePanel Gotcha</h3><br /> <p> Do not update the contents inside a UpdatePanel with java script. You will not get the resuts you expect. </p> <br /> <p> For example place a span and button inside an update panel.When you click on a button control the java script onClientClick will fire followed by the Click event for the button. So if we update the span's text with onClientClick the text will update briefly then the UpdatePanel will catch the post back made by the click event and erase our changes. </p> <p> <br /> <br /> &lt;%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt; </p> <p> &lt;%@ Register Assembly="Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"<br />     Namespace="Microsoft.Web.UI" TagPrefix="asp" %&gt;<br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt; </p> <p>     &lt;script type="text/javascript"&gt;<br />         function displayClick()<br />         {<br />             $get("span1").innerHTML="Hello World";<br />         }<br />     &lt;/script&gt; </p> <p> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;div&gt;<br />             &lt;asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"&gt;<br />             &lt;/asp:ScriptManager&gt;<br />              &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server" &gt;<br />                 &lt;ContentTemplate&gt;<br />                    &lt;span id="span1"&gt;&lt;/span&gt;<br />                     &lt;br /&gt;<br />                     &lt;asp:linkButton runat="server" Text="Button" ID="button1" OnClientClick="displayClick();" /&gt;<br />                 &lt;/ContentTemplate&gt;<br />             &lt;/asp:UpdatePanel&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> </p> <p> By moving the Span outside the update panel we will still be able to update the contents of the span without posting back. The UpdatePanel still prevents the pages postback. </p> <p> <br /> <br /> &lt;%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt; </p> <p> &lt;%@ Register Assembly="Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"<br />     Namespace="Microsoft.Web.UI" TagPrefix="asp" %&gt;<br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"&gt;<br /> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br /> &lt;head runat="server"&gt;<br />     &lt;title&gt;Untitled Page&lt;/title&gt; </p> <p>     &lt;script type="text/javascript"&gt;<br />         function displayClick()<br />         {<br />             $get("span1").innerHTML="Hello World";<br />         }<br />     &lt;/script&gt; </p> <p> &lt;/head&gt;<br /> &lt;body&gt;<br />     &lt;form id="form1" runat="server"&gt;<br />         &lt;div&gt;<br />             &lt;asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"&gt;<br />             &lt;/asp:ScriptManager&gt;<br />             &lt;span id="span1"&gt;&lt;/span&gt;<br />             &lt;br /&gt;<br />             &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt;<br />                 &lt;ContentTemplate&gt;<br />                     &lt;asp:LinkButton runat="server" Text="Button" ID="button1" OnClientClick="displayClick();" /&gt;<br />                 &lt;/ContentTemplate&gt;<br />             &lt;/asp:UpdatePanel&gt;<br />         &lt;/div&gt;<br />     &lt;/form&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt; </p> <p>   </p> <img src="http://blog.onteorasoftware.net/aggbug/90.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/updatepanel-gotcha.aspx Sun, 16 Sep 2007 19:18:59 GMT http://blog.onteorasoftware.net/comments/90.aspx http://blog.onteorasoftware.net/archive/2007/09/16/updatepanel-gotcha.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/90.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-tool-kit.aspx <h3 align="center">Atlas Tool Kit</h3><br /> <br /> <p> The atlas tool kit is truely awsome. I see there is an error in collapsiblepanelextender documentation. The sample code on the webpage shows the expanddirection as height when the valid values are horizontal and vertical. It also shows openedsize instead of expandedsize. </p> <p> <br /> <br />              &lt;atlasToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"&gt;<br />                 &lt;atlasToolkit:CollapsiblePanelProperties ExpandedSize="200" TargetControlID="pnlRss"<br />                     ExpandControlID="LinkButton1" CollapseControlID="LinkButton1" Collapsed="True"<br />                     TextLabelID="LinkButton1" CollapsedText="Show Details..." ExpandedText="Hide Details..."<br />                     SuppressPostBack="true" /&gt;<br />            &lt;/atlasToolkit:CollapsiblePanelExtender&gt;<br />            &lt;asp:Label ID="lblRss" Text="Whats New in VB-Tips" runat="server"&gt;&lt;/asp:Label&gt;<br /> &lt;asp:LinkButton ID="LinkButton1" runat="server" Text="Show Details.."&gt;<br /> &lt;/asp:LinkButton&gt;<br />            <br />      &lt;asp:Panel ID="pnlRss" runat="server" Width="100%" ScrollBars="Vertical"&gt;<br />                 &lt;asp:DataList ID="DataList1" runat="server" BackColor="White" BorderColor="#E7E7FF"<br />                     BorderStyle="None" BorderWidth="1px" CellPadding="3" DataSourceID="RssDataSource1"<br />                     GridLines="Horizontal"&gt;<br />                     &lt;FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" /&gt;<br />                     &lt;SelectedItemStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" /&gt;<br />                     &lt;ItemTemplate&gt;<br />                          &lt;asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='&lt;%# Eval("link") %&gt;'<br />                             Text='&lt;%# Eval("title") %&gt;'&gt;&lt;/asp:HyperLink&gt;&lt;br /&gt;<br />                         &lt;asp:Label ID="descriptionLabel" runat="server" Text='&lt;%# Eval("description") %&gt;'&gt;&lt;/asp:Label&gt;&lt;br /&gt;<br />                         &lt;br /&gt;<br />                         pubDate:<br />                         &lt;asp:Label ID="pubDateLabel" runat="server" Text='&lt;%# Eval("pubDate") %&gt;'&gt;&lt;/asp:Label&gt;&lt;br /&gt;<br />                         &lt;br /&gt;<br />                     &lt;/ItemTemplate&gt;<br />                     &lt;AlternatingItemStyle BackColor="#F7F7F7" /&gt;<br />                     &lt;ItemStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" /&gt;<br />                     &lt;HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" /&gt;<br />                 &lt;/asp:DataList&gt;&lt;cc1:RssDataSource ID="RssDataSource1" runat="server" MaxItems="0"<br />                     Url="<a href="http://www.vb-tips.com/newsfeed.aspx">http://www.vb-tips.com/newsfeed.aspx</a>"&gt;<br />                 &lt;/cc1:RssDataSource&gt;<br />             &lt;/asp:Panel&gt;<br />            &lt;atlas:ScriptManager ID="s1" EnablePartialRendering="true" runat="server"&gt;<br />             &lt;/atlas:ScriptManager&gt; </p> <p>   </p> <img src="http://blog.onteorasoftware.net/aggbug/114.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/atlas-tool-kit.aspx Sun, 16 Sep 2007 18:35:37 GMT http://blog.onteorasoftware.net/comments/114.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-tool-kit.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/114.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-april-ctp-released.aspx <h3 align="center">Atlas April Ctp Released</h3><br /> <br /> <p> The April CTP of <a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=B01DC501-B3C1-4EC0-93F0-7DAC68D2F787&amp;displaylang=en">Atlas</a> was released today. Along with a <a href="http://atlas.asp.net/atlastoolkit/">toolkit</a> that has some cool tools. </p> <br /> <img src="http://blog.onteorasoftware.net/aggbug/117.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/atlas-april-ctp-released.aspx Sun, 16 Sep 2007 18:28:29 GMT http://blog.onteorasoftware.net/comments/117.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-april-ctp-released.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/117.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-march-ctp-released.aspx <h3 align="center">Atlas March Ctp Released</h3><br /> <br /> <p> The March CTP of <a href="http://atlas.asp.net/default.aspx?tabid=47">Atlas</a> was released today. It is the first version of Atlas to have a go live license. </p> <br /> <img src="http://blog.onteorasoftware.net/aggbug/122.aspx" width="1" height="1" /> Ken Tucker http://blog.onteorasoftware.net/archive/2007/09/16/atlas-march-ctp-released.aspx Sun, 16 Sep 2007 18:06:38 GMT http://blog.onteorasoftware.net/comments/122.aspx http://blog.onteorasoftware.net/archive/2007/09/16/atlas-march-ctp-released.aspx#feedback 1 http://blog.onteorasoftware.net/comments/commentRss/122.aspx