Action
The Persistence of Memory The Persistence of Memory (Spanish: La persistencia de la memoria; Catalan: La persistència de la memòria) is a 1931 painting by artist Salvador Dalí, and is one of his most recognizable works. The painting has been in the collection of the Museum of Modern Art (MoMA) in New York City since 1934. It is widely recognized and frequently referenced in popular culture.

Events
clear log container


Info
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Client side events" CodeBehind="ClientSideEvents.aspx.cs"
   2:      Inherits="Atom.Website.Samples.AtomicDialog.ClientSideEvents" %>
   3:   
   4:  <%@ Register Src="../Source.ascx" TagName="Source" TagPrefix="sample" %>
   5:  <%@ Register Assembly="Atom.Web" Namespace="Atom.Web.UI.WebControls" TagPrefix="atom" %>
   6:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   7:  <html xmlns="http://www.w3.org/1999/xhtml">
   8:  <head id="Header1" runat="server">
   9:      <link rel="Shortcut Icon" type="image/ico" href="../images/icon.png" /> 
  10:      <!-- The jQuery UI theme that will be used by the components. -->
  11:      <link href="../themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
  12:      <!-- jQuery runtime minified -->
  13:      <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
  14:      <!-- jQuery UI runtime minified, client-side javascript of the components.-->
  15:      <script src="../Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  16:      <!-- This style reference is needed only for the current example. -->
  17:      <link href="../css/example.css" rel="stylesheet" type="text/css" />
  18:      <script type="text/javascript">  
  19:   
  20:          var logContainer;
  21:                 
  22:          $(document). ready(function(){
  23:              logContainer = $("#<%= LogContainer.ClientID %>");
  24:   
  25:              $('#open').button().click(function(){
  26:                  <%=AtomicDialog1.ClientID %>.dialog('open');  
  27:              });  
  28:          });
  29:   
  30:          function ClearLogContainer() {
  31:              logContainer.val('');
  32:          }
  33:   
  34:          function OnDialogClosed() {   
  35:              logContainer.val(logContainer.val() + '\nOnDialogClosed at ' + Date() );
  36:          }
  37:          function OnDialogClosing() {
  38:              logContainer.val(logContainer.val() + '\nOnDialogClosing at ' + Date()  );
  39:          }
  40:          function OnDialogFocus() {  
  41:              logContainer.val(logContainer.val() + '\nOnDialogFocus at ' + Date() );
  42:          }
  43:          function OnDialogMoved() {  
  44:              logContainer.val(logContainer.val() + '\nOnDialogMoved at ' + Date()  );
  45:          }
  46:          function OnDialogMoving() { 
  47:              logContainer.val(logContainer.val() + '\nOnDialogMoving at ' + Date()  );
  48:          }
  49:          function OnDialogOpened() {  
  50:              logContainer.val(logContainer.val() + '\nOnDialogOpened at ' + Date()  );
  51:          }
  52:          function OnDialogResized() {  
  53:              logContainer.val(logContainer.val() + '\nOnDialogResized at ' + Date()  );
  54:          }
  55:          function OnDialogResizing() {  
  56:              logContainer.val(logContainer.val() + '\nOnDialogResizing at ' + Date()  );
  57:          }
  58:          function DialogButtonFirst() {
  59:              logContainer.val(logContainer.val() + '\nDialogButton-First at ' + Date()  );
  60:          }
  61:          function DialogButtonSecond() {
  62:              logContainer.val(logContainer.val() + '\nDialogButton-Second at ' + Date()  );
  63:          }
  64:     
  65:      </script>
  66:  </head>
  67:  <body>
  68:      <form id="form1" runat="server">
  69:      <fieldset>
  70:          <legend>Action</legend>
  71:          <input type="button" id="open" value="Open" />
  72:      </fieldset>
  73:      <div>
  74:          <atom:AtomicDialog runat="server" ID="AtomicDialog1" Title="The Persistence of Memory"
  75:              Height="447" Width="335">
  76:              <ClientSideEvents OnDialogClosed="OnDialogClosed" OnDialogClosing="OnDialogClosing"
  77:                  OnDialogFocus="OnDialogFocus" OnDialogMoved="OnDialogMoved" OnDialogMoving="OnDialogMoving"
  78:                  OnDialogOpened="OnDialogOpened" OnDialogResized="OnDialogResized" OnDialogResizing="OnDialogResizing" />
  79:              <Template>
  80:                  <img src="../images/art/the_persistence_of_memory.jpg" class="dialog-image" alt="The Persistence of Memory"
  81:                      title="The Persistence of Memory" />
  82:                  <span>The Persistence of Memory (Spanish: La persistencia de la memoria; Catalan: La
  83:                      persistència de la memòria) is a 1931 painting by artist Salvador Dalí, and is one
  84:                      of his most recognizable works. The painting has been in the collection of the Museum
  85:                      of Modern Art (MoMA) in New York City since 1934. It is widely recognized and frequently
  86:                      referenced in popular culture.</span>
  87:              </Template>
  88:              <Buttons>
  89:                  <atom:DialogButton Title="DialogButton First" ClientSideEvent="DialogButtonFirst" />
  90:                  <atom:DialogButton Title="DialogButton Second" ClientSideEvent="DialogButtonSecond" />
  91:              </Buttons>
  92:          </atom:AtomicDialog>
  93:      </div>
  94:      <br />
  95:      <fieldset>
  96:          <legend>Events</legend>
  97:          <div>
  98:              <a href="javascript:void(0);" style="float: right;" onclick="ClearLogContainer()">clear
  99:                  log container</a>
 100:              <asp:TextBox ID="LogContainer" runat="server" TextMode="MultiLine" Width="100%" Text=""
 101:                  Height="150px"></asp:TextBox>
 102:          </div>
 103:      </fieldset>
 104:      <br />
 105:      <sample:Source ID="Code" runat="server" />
 106:      </form>
 107:  </body>
 108:  </html>
   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 Atom.Website.Samples.AtomicDialog
   9:  {
  10:      public partial class ClientSideEvents : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:      }
  17:  }
   1:  Imports System
   2:  Imports System.Collections.Generic
   3:  Imports System.Linq
   4:  Imports System.Web
   5:  Imports System.Web.UI
   6:  Imports System.Web.UI.WebControls
   7:  Namespace Atom.Website.Samples.AtomicDialog
   8:      Public Partial Class ClientSideEvents
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:      End Class
  13:  End Namespace