<%@ Page Language="C#" %>

<!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>ASP.NET AJAX</title>
  <style type="text/css">
  .content { 
    background-color: grey; 
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .popup { 
    border: solid; 
    background-color: yellow; 
    width: 200px; 
  }
  </style>
</head>
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:Panel ID="contentPanel" runat="server">
      <p>Rozdział 1. zawiera ogólne omówienie technologii Ajax i ASP.NET AJAX. Wśród omówionych w nim zagadnień są: procedura instalacji, przegląd struktury oraz pierwszy przykład aplikacji.</p>
      <p>Rozdział 2. jest zwięzłym wprowadzeniem do języka JavaScript. Choć środowisko ASP.NET AJAX obejmuje wiele rozwiązań, które nie wymagają znajomości języka JavaScript, pewna wiedza na ten temat bardzo przydaje się podczas tworzenia aplikacji ASP.NET AJAX.</p>
      <p>Rozdział 3. jest odnosi się do najważniejszej spośród omawianych technologii. Zawiera opis sposobu działania podstawowych mechanizmów Ajax.</p>
      <p><asp:HyperLink ID="HyperLink1" runat="server" Text="More ..." NavigateUrl="#" /></p>
    </asp:Panel>
    <asp:Panel ID="popupPanel" runat="server" CssClass="popup">
      <p>Zaloguj się, aby uzyskać więcej informacji!<br />
        Login <input type="text" /><br />Hasło <input type="password" /> 
        <input type="button" value="Zaloguj" id="Button1" runat="server" />
      </p>
    </asp:Panel>
    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
      PopupControlID="popupPanel" TargetControlID="HyperLink1" OkControlID="Button1"
      BackgroundCssClass="content" />
  </form>
</body>
</html>
