Question

87

Pass parameter to Javascript function from ASP code behind

rated 0 times [ 88] [ 1] / answers: 1 / hits: 42269 / 10 Years ago, mon, august 4, 2014, 12:00:00

I have a long process and I want to show a user a progress bar where I pass a parameter (percentage) to a Javascript function in my Webform with masterpage.

I have this:

<script type=text/javascript> 

        function updateProgress(percentage) {          

            document.getElementById('ProgressBar').style.width = percentage+%;

        }

</script>

and:

<div class=progress progress-striped active progress-success style=height: 43px>

      <div id=ProgressBar class=progress-bar role=progressbar runat=server

          aria-valuemin=0 aria-valuemax=100 style=width: 0%>

      </div>

</div>

In my code-behind, I have this to pass a parameter to the function:

// Report progress >> ~ 18%                   

string updateProgress = 18;

ClientScript.RegisterStartupScript(this.GetType(), updateProgress, updateProgress(' + updateProgress + ');, true);

As I run the code, the progressbar never moves from 0%. I would like to keep updating the percentage completion from code behind until it reaches 100% by calling the function again with new parameters.

I have looked through forums but I cant see what I need to to to make it work.

Any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 js error : 'createObjectURL' on 'URL': Overload resolution failed.

Sat, Mar 26, 22, 00:00, 2 Years ago

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

View All

answered 10 Years ago gerardob · Accepted Answer

Try this way

    string updateProgress = 18%;

    ClientScript.RegisterStartupScript(this.GetType(), updateProgress, updateProgress(' + updateProgress + ');, true);

Script AS

   <script type=text/javascript>

    function updateProgress(percentage) {

        document.getElementById(ProgressBar).style.width = percentage;

    }

  </script>

ASPX page

   <div class=progress progress-striped active progress-success style=height: 43px>

        <div id=ProgressBar runat=server class=progress-bar role=progressbar aria-valuemin=0 aria-valuemax=100

            style=width: 0px; >

        </div>

    </div>