Hi,

 

I'm having a problem with the implementation of image selection. See this demo:

 

Basically, if you try to change an image and then cancel out of the gallery popup, the Editor.Text property has already been reset and is now empty so the original image no longer displays. VERY CONFUSING TO USERS! To reproduce, go to the demo referenced above, then:

1. Click on Change Image

2. Click on a new image, say Cindy Crawford :-)

3. The gallery popup closes and Cindy is now gracing the screen

4. Click on Change Image again, but this time do not select a new image but rather click Cancel

5. The gallery popup closes and voila, Cindy is gone

 

It actually appears to me, though I'm not certain, that the Editor.Text property is reset prior to the popup opening so that when it closes nothing is displayed in the control.

 

It may well be possible to fix this by hacking around in the various and sundry nested JavaScript calls, but that may take hours to reverse-engineer. Some help would be appreciated.

 

Running CE v6 on FireFox 2.0.0.11 on WinXP SP2.

 

Regards,

Greg

Greg,

 

How is the code of the above example:

 

                        function callInsertImage() 
                        { 
                       var editor1 = document.getElementById('<%=editor.ClientID%>');
                                editor1.FocusDocument(); 
                                var editdoc = editor1.GetDocument();  
                                editor1.ExecCommand('new');
                                editor1.ExecCommand('ImageGalleryByBrowsing');
                                InputURL();
                                document.getElementById("imageFld").focus();
                        }   
                       
                        function InputURL()
                        {
                      var editor1 = document.getElementById('<%=editor.ClientID%>');
                            var editdoc = editor1.GetDocument(); 
                            var imgs = editdoc.getElementsByTagName("img");
                            if(imgs.length>0) 
                            { document.getElementById("imageFld").value = imgs[imgs.length-1].src;
                            } 
                            else
                            {
                       setTimeout(InputURL,500);
                            } 
                        } 

Before open the image gallery dialog, the editor text area is reset.

 

This example just shows you how to use the javaScript API to use the editor as an image selecctor. You can modify the above code to meet your own requirements.

Adam,

 

Thanks for pointing out where in the code I should look. I'll take a look through the JavaScript API

to see if I can get it to work the way I need it to.

 

Regards,

Greg

Forgot to mention. Yes, I've found the point in the gallery code (Line 156):

 

s = s & "<img onclick=""parent.insert(this.src)""

However I can find NO reference to parent.insert in your "API documentation" or

elsewhere in the code. I am guessing this is a call to the parent windw's DOM that

adds a reference to the image, but again since there is no documentation of what

is happening here, I need some further guidance. Obviously additional javascript

calls must be begin made (to close the popup window, etc.) but again without

proper documentation on "API integration" how am I supposed to infer what is

happening?