Support forums - How to manually set IMG src in custom dialog

Support forums » Products » Cute Editor for .NET » Re: How to manually set IMG src in custom dialog

How to manually set IMG src in custom dialog

Last post 11-29-2010, 4:50 AM by Tobster. 5 replies.


	Sort Posts: Previous Next

11-15-2010, 5:02 AM 65004

Tobster
Joined on 10-01-2010
Posts 18

How to manually set IMG src in custom dialog

Reply Quote

I am attempting to set the src="" property of an IMG tag from a custom tab, using the following javascript (which works with other properties):

function SyncTo(element) {
element.src = "Something.gif";
}

This currently doesn't work, presumably because it synchronises with the input control on the standard 'Image' tab afterwards and gets set again with the old property.

Is there any way to set this property without getting rid of the standard 'Image' tab? Such as changing the order in which the tabs synchronise to the element?

11-15-2010, 1:49 PM 65014 in reply to 65004

Eric
Joined on 08-05-2009
Posts 1,269

Re: How to manually set IMG src in custom dialog

Reply Quote

Dear Tobster,

Please refer to the following code:

<%@ Page Language="C#"%>
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
<html>
    <head>
   <script language="JavaScript" type="text/javascript" >
       function changeImg() {
           var editor1 = document.getElementById('<%=Editor1.ClientID%>');

          //Get the editor content
           var editdoc = editor1.GetDocument();

           var range = editdoc.selection.createRange();

           if (editdoc.selection.type == 'Control') {
               if (range.length == 1) {
                   var element = range.item(0);
                   if (element.tagName == 'IMG') {

                       //please add your code here
                       alert(element.src);
                   }
               }
           }
       }
  </script>
<body>
        <form id="Form1" runat="server">
   <table cellpadding="15">
    <tr>
     <td>
      <CE:Editor id="Editor1" runat="server"></CE:Editor><br />
       <br/><br/>
      <p style="width:600">
      <INPUT type=button value="change image" onclick="changeImg()" ID="Button1">      
      </P>
      <br>
       
    </td>
    </tr>
   </table>
  </form>
</body>
</html>

Thank you for asking
Eric@cutesoft.net

11-23-2010, 9:13 PM 65141 in reply to 65004

cutechat
Joined on 07-22-2004
Posts 2,332

Re: How to manually set IMG src in custom dialog

Reply Quote

Hi,

Please try this way :

inp_src.value="url.gif"

FireUIChanged()

Regards,
Terry

11-25-2010, 3:42 AM 65160 in reply to 65014

Tobster
Joined on 10-01-2010
Posts 18

Re: How to manually set IMG src in custom dialog

Reply Quote

I need to be able to do this from the SyncTo(element) function in my custom ascx file, unfortunately this method doesn't work here.

11-25-2010, 3:44 AM 65161 in reply to 65141

Tobster
Joined on 10-01-2010
Posts 18

Re: How to manually set IMG src in custom dialog

Reply Quote

If I call FireUIChanged from SyncTo(element) it causes an infinite loop and reports an out of memory javascript error.

11-29-2010, 4:50 AM 65186 in reply to 65014

Tobster
Joined on 10-01-2010
Posts 18

Re: How to manually set IMG src in custom dialog

Reply Quote

I think what I need is to be able to conditionally exclude

from tag.config depending on what attributes the image has. Can anyone suggest how I might achieve this?