Support forums » Products » Cute Editor for .NET » Re: Custom Drop Down List : Insert Selected Item in Editor.

Re: Custom Drop Down List : Insert Selected Item in Editor.

  •  08-10-2009, 6:06 AM

    Re: Custom Drop Down List : Insert Selected Item in Editor.

    Reply Quote
    HI ashi.avinashvyas,
     
    Try this code
    1. <%@ Page Language="C#" Debug="true" %>   
    2.   
    3. <%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>   
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
    5. <html xmlns="http://www.w3.org/1999/xhtml">   
    6. <head runat="server">   
    7.     <title>Untitled Page</title>   
    8.   
    9.     <script runat="server">   
    10.         protected override void OnLoad(EventArgs e)   
    11.         {   
    12.             CuteEditor.ToolControl tc = Editor1.ToolControls["insertcustombutonhere"];   
    13.             if (tc != null)   
    14.             {   
    15.                 System.Web.UI.WebControls.DropDownList ddl1 = new System.Web.UI.WebControls.DropDownList();   
    16.                 ddl1.Items.Add(new ListItem("-- Select Field --"));   
    17.                 ddl1.Items.Add(new ListItem("hello"));   
    18.                 ddl1.Items.Add(new ListItem("show text"));   
    19.                 for (int i = 0; i < ddl1.Items.Count; i++)   
    20.                 {   
    21.                     ddl1.Items[i].Attributes["onclick"] = "showOptionValue(this)";   
    22.                 }   
    23.                 ddl1.Attributes["onclick"] = "simOptionClick()";   
    24.                 tc.Control.Controls.Add(ddl1);   
    25.             }   
    26.             base.OnLoad(e);   
    27.         }   
    28.     </script>   
    29.   
    30. </head>   
    31. <body>   
    32.     <form id="form1" runat="server">   
    33.         <CE:Editor ID="Editor1" runat="server" TemplateItemList="[Bold]/[insertcustombutonhere]/[Italic]">   
    34.         </CE:Editor>   
    35.     </form>   
    36. </body>   
    37. </html>   
    38.   
    39. <script type="text/javascript">        
    40.  function simOptionClick()   
    41.  {         
    42.   
    43.     var evt=window.event  ;         
    44.     var selectObj=evt?evt.srcElement:null;         
    45.     if (evt && selectObj &&  evt.offsetY && evt.button!=2         
    46.         && (evt.offsetY > selectObj.offsetHeight || evt.offsetY<0 ) )    
    47.         {         
    48.             setTimeout(function(){         
    49.                 var option=selectObj.options[selectObj.selectedIndex];         
    50.                               showOptionValue(option)         
    51.                  }, 60);         
    52.         }         
    53. }         
    54.   
    55. function showOptionValue(opt)   
    56. {      
    57.   var editor1 = document.getElementById('<% = Editor1.ClientID%>');   
    58.   editor1.PasteHTML(opt.text);        
    59.      
    60. }         
    61. </script>  
    Regards,
     
    Ken
View Complete Thread