| |
| <script type="text/javascript"> |
| |
| |
| function OnResizeCallbackSuccess(result, userContext) { |
| alert("Success="+result.Success+": "+result.ErrorMessage); |
| } |
| |
| function OnResizeCallbackFailed(err, context) { |
| alert("We are temporarily unable to check the images. Please try again in a few minutes. (" + err.get_message() + ")"); |
| } |
| |
| function OnResizeCallbackTimeout(result, userContext) { |
| alert("We are unable to access the server. Please try again in a few minutes. (" + |
| err.get_message() + ")"); |
| } |
| |
| function OnClientSubmit(editor) |
| { |
| var elems = editor.get_document().getElementsByTagName("img"); |
| for (var i=0; i < elems.length; i++) |
| { |
| var image = elems[i]; |
| //alert("found image" +image.src+ " (w:"+image.width+" h:"+image.height); |
| var specifiedWidth=image.style.width.replace("px", ""); |
| var specifiedHeight=image.style.height.replace("px", ""); |
| if (!specifiedWidth) |
| { |
| specifiedWidth = image.getAttribute("width"); |
| } |
| if (!specifiedHeight) |
| { |
| specifiedHeight = image.getAttribute("height"); |
| } |
| |
| |
| image.style.width=""; |
| image.style.height=""; |
| image.removeAttribute("width"); |
| image.removeAttribute("height"); |
| |
| imageimage.style.width=image.width; |
| imageimage.style.height=image.height; |
| |
| image.setAttribute("width", image.width); |
| image.setAttribute("height", image.height); |
| |
| var wasreset=false; |
| if (specifiedWidth && image.width != specifiedWidth) { |
| wasreset=true |
| } |
| if (specifiedHeight && image.height != specifiedHeight) { |
| wasreset=true; |
| } |
| |
| |
| if (wasreset) { |
| |
| var svc = MyMailout.WebServices.ImageService; |
| svc.set_defaultSucceededCallback(OnResizeCallbackSuccess); |
| svc.set_defaultFailedCallback(OnResizeCallbackFailed); |
| svc.Resize(image.src, parseInt(specifiedWidth), parseInt(specifiedHeight)); |
| |
| |
| }; |
| |
| } |
| |
| |
| return true; |
| } |
| |
| |
| |
| </script> |
| |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager runat="server" id="radScriptManager"> |
| <Services> |
| <asp:ServiceReference Path="~/WebServices/ImageService.asmx" /> |
| </Services> |
| |
| |
| </telerik:RadScriptManager> |
| |
| <telerik:RadAjaxManager ID="radAjaxManager" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="btnOk1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadEditor1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| |
| |
| |
| <div> |
| <div><strong>Resize the image by clicking in it and dragging the boxes, then click "OK".</strong></div> |
| |
| <telerik:RadEditor |
| ID="RadEditor1" Runat="server" Skin="Black" |
| EnableResize="true" |
| Width="750" |
| Height="500" |
| OnClientSubmit="OnClientSubmit" |
| > |
| <ImageManager |
| UploadPaths="~/Home/86" |
| ViewPaths="~/Home/86" |
| SearchPatterns="*.gif,*.jpg,*.jpeg,*.png" |
| /> |
| <Content> |
| <img src="http://localhost/Industry/images/Industry/logo.gif"></img> |
| </Content> |
| </telerik:RadEditor> |
| <asp:Button runat="server" id="btnOk" Text="OK" /> |
| </div> |
| </form> |