Support forums » Products » Cute Editor for .NET » Re: How to capture an UNLOAD event?

Re: How to capture an UNLOAD event?

  •  04-18-2010, 11:01 PM

    Re: How to capture an UNLOAD event?

    Reply Quote
    spencet:
       In the File Selector example, we would like to trigger an ASP.NET function after the Upload and Insert buttons are pressed and the CE window is closed but having trouble grabbing the CE.Unload event. Anyone have an example of how to do this or a better way to accomplish our goal?
     
    Thanks
    Hi spencet,
     
    Try the example below. You can add your logic in method "button1.Click". it will  fire after you inser a picture.
     
    1. <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>   
    2.   
    3. <%@ Page Language="C#" %>   
    4.   
    5. <script runat="server">   
    6.   
    7.     protected void button1_Click(object sender, EventArgs e)   
    8.     {   
    9.         //do the logic here you need   
    10.         ClientScript.RegisterClientScriptBlock(this.GetType(), "showMessage", "<script>alert('you insert a photo')</" + "script>");   
    11.     }   
    12. </script>   
    13.   
    14. <html>   
    15. <head>   
    16.     <title>ASP and ASP.NET WYSIWYG Editor - Use CuteEditor as an image selector</title>   
    17. </head>   
    18. <body>   
    19.     <form runat="server">   
    20.         <table border="0" cellpadding="0" cellspacing="0">   
    21.             <tr>   
    22.                 <td width="10" nowrap>   
    23.                 </td>   
    24.                 <td width="20" nowrap>   
    25.                 </td>   
    26.                 <td valign="top" width="760">   
    27.                     <b>Use CuteEditor as an image selector</b>   
    28.                     <hr>   
    29.                     This example demonstrates how to use CuteEditor as an image selector.   
    30.                     <br>   
    31.                     <br>   
    32.                     <asp:TextBox ID="imageFld" Width="300" runat="server" />   
    33.                     <input type="button" value="Change Image" onclick="callInsertImage()" id="Change"  
    34.                         runat="server" name="Change">   
    35.                     <div>   
    36.                         <CE:Editor ID="Editor1" runat="server" Width="1" Height="1" AutoConfigure="None"  
    37.                             ShowHtmlMode="False" ShowPreviewMode="False" EnableContextMenu="false" ShowGroupMenuImage="False"  
    38.                             ShowBottomBar="False" BackColor="White" BorderColor="White">   
    39.                         </CE:Editor>   
    40.                         <br>   
    41.                     </div>   
    42.                 </td>   
    43.                 <tr>   
    44.                 </tr>   
    45.         </table>   
    46.         <asp:Button ID="button1" runat="server" Text="test" OnClick="button1_Click" Style="visibility: hidden" />   
    47.     </form>   
    48.   
    49.     <script language="javascript">    
    50.      
    51.     function callInsertImage()     
    52.     {     
    53.   
    54.             var editor1 = document.getElementById('<%=Editor1.ClientID%>');   
    55.             editor1.FocusDocument();     
    56.             var editdoc = editor1.GetDocument();     
    57.             editor1.ExecCommand('new');   
    58.             editor1.ExecCommand('ImageGalleryByBrowsing');   
    59.             InputURL();   
    60.     }       
    61.        
    62.     function InputURL()   
    63.     {    
    64.         var editor1 = document.getElementById('<%=Editor1.ClientID%>');   
    65.         var editdoc = editor1.GetDocument();     
    66.         var imgs = editdoc.images;   
    67.         if(imgs.length>0)     
    68.         {   document.getElementById("imageFld").value = imgs[imgs.length-1].src;   
    69.             document.getElementById("<%=button1.ClientID%>").click();    
    70.             editor1.ExecCommand('new');   
    71.             document.getElementById("imageFld").focus();    
    72.         }     
    73.         else  
    74.         {   
    75.             setTimeout(InputURL,500);    
    76.         }    
    77.           
    78.     }          
    79.     </script>   
    80.   
    81. </body>   
    82. </html>  

    Regards,
     
    ken
View Complete Thread