Click here to Skip to main content
15,888,142 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I have a aspx page with model popup extender.And that contains FileUploader.I want Progrss bar while Uploading but i am not getting value of fileuploader.It is giving 0.Their are no separate child and parent page.I have used model popup extender on parent page only..

HTML
<asp:ModalPopupExtender ID="mpnlPopup" runat="server" TargetControlID="btnModalTarget"
                PopupControlID="Panel2" BackgroundCssClass="modalBackground" DropShadow="false"
                OnOkScript="onOk()" DynamicServicePath="" Enabled="True" RepositionMode="RepositionOnWindowResize"
                CancelControlID="btnCloseImage">
            </asp:ModalPopupExtender>

Now This Popup Control Id contains panel
HTML
<asp:FileUpload ID="UploadImage" runat="server" Width="200px" CssClass="appfileupload" />                                            
                                                                                                     <asp:Button ID="btnUpload" runat="server" Text="Save" CausesValidation="true" ValidationGroup="CheckImage" OnClick="btnUpload_OnClick" OnClientClick="return ProgressBar()" />  
  <asp:Button ID="btnCloseImage" runat="server" Text="Close" />

Now OnClientClick="return ProgressBar()" goes to the function.bUT UploadImage.ClientID VALUE is 0.hOW TO GET THIS VALUE AND MAKE MY PROGRESS BAR IN WORKING CONDITION
JavaScript
<script language="javascript" type="text/javascript">
        var size = 2;
        var id = 0;

        function ProgressBar() {
            alert("in");

            var ID = $("<%#UploadImage.ClientID %>").parent.valueOf();
           alert(id);
           if (document.getElementById('<%#UploadImage.ClientID %>').value != "") {

               alert("va");
                document.getElementById("divProgress").style.display = "block";
                document.getElementById("divUpload").style.display = "block";
                id = setInterval("progress()", 20);
                return true;
           }
            else {
                alert("Select a file to upload");
                return false;
           }

        }

        function progress() {
            size = size + 1;
            if (size > 299) {
                clearTimeout(id);
            }
            document.getElementById("divProgress").style.width = size + "pt";
            document.getElementById("<%#lblPercentage.ClientID %>").firstChild.data = parseInt(size / 3) + "%";
        }

    </script>



[Edit member="Tadit"]
Added pre tags.
[/Edit]
Posted
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900