Hello,
My requirment is change profile picture like ('face book' profile pic change) so i choose RadAsynUpload Control (http://demos.telerik.com/aspnet-ajax/asyncupload/examples/ajaxprocessing/defaultcs.aspx) and implemented in my app ,its working in Firefox but not working in chrome. could you please help me out.
Sourcode:
Javascript for mouse over and out :
My requirment is change profile picture like ('face book' profile pic change) so i choose RadAsynUpload Control (http://demos.telerik.com/aspnet-ajax/asyncupload/examples/ajaxprocessing/defaultcs.aspx) and implemented in my app ,its working in Firefox but not working in chrome. could you please help me out.
Sourcode:
<div class="border" id="D1" onmouseover="ShowIcon('Div1','true');" onmouseout="ShowIcon('Div1','false');" style="height: 110px;"> <a href="#" title="Famili Account Setup + Edit"> <telerik:RadBinaryImage runat="server" ID="Thumbnail" ResizeMode="Crop" Width="100" Height="115" ImageUrl="~/Images/image-1.png" CssClass="binary-image" /> </a> <div id="Div1" style="position: relative; top: -50px; left: 0px; z-index: 10000; display: block;"> <div class="qsf-demo-canvas upload-panel"> <div class="upload"> <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" MaxFileInputsCount="1" OnClientFileUploaded="fileUploaded" OnFileUploaded="AsyncUpload1_FileUploaded" AllowedFileExtensions="jpeg,jpg,gif,png,bmp" OnClientValidationFailed="validationFailed" CssClass="ru Browse" Style="display: block" OnClientFileUploadFailed ="fileUploadedFailed"> <Localization Select="Edit" /> </telerik:RadAsyncUpload> </div> <hr class="qsf-clear-float" style="display: none" /> <div class="invalid"> </div> </div> </div> </div>Javascript for mouse over and out :
<script type="text/javascript"> function ShowIcon(arg1, arg2) { var img1 = document.getElementById(arg1); if (arg2 == 'true') { if (img1 != null) { img1.style.display = "block"; } } else { img1.style.display = "none"; } } </script>