Kruel Tech

Technical solutions to technical problems

  • Home
  • kruelintent.com
  • Contact
  • Videos
  • RSS Feed

Categories :

  • Home
  • kruelintent.com
  • Contact
  • Videos

All Videos

  • List all videos

Latest posts :

  • the hub - Part II(187)
  • the hub - Part 1(181)
  • ASP.net facebook app(260)
  • Compact a locked Access Database(265)
  • Images in a SQL Server database(770)

Popular posts :

  • Images in a SQL Server database(770)
  • Disable submit button on postback from Update Panel(622)
  • Progress bar (Part 1) - Javascript calls to a webservice(460)
  • Update Panel Popup message box(383)
  • Progress bar (Part 2) - The progress bar(376)

External Links :

  • Scott Guthrie
  • Josh Stodola
  • Joe Stagner
  • webdeveloper.com
  • Open Source web design
  • AJAX Videos
  • Developer Fusion
  • W3 Javascript
  • DevShed Forums
Locations of visitors to this page

Progress bar (Part 2) - The progress bar


In this second video I have extended the original calls to the webservice and added a few methods and functions to the webservice itself. This way using 2 different methods we are able to send progress reports back to the client and then display them however we want - in this case, a progress bar and percentage count. During the coding I discovered a lot about the way webservices work. Initially, I wanted to create an instance of the webservice class in the javascript and simply use a property but this doesn't work as the webservice is state less and doesn't work like that. Also, this is the same reason why using a session state variable will not work in this case. Frustrating... but I like a challenge. Hope this demo is useful to some people. I know I am going to use it. I have at least 3 websites at work which are just pretty front ends to huge SQL queries and a lot of number crunching and this method is a very simple way of keeping the user informed.

Get the Flash Player to see this player.
http://www.hotlinkfiles.com/files/1250638_ihjgz/ProgressBar2.flv
376 views.
© Copyright by kruel intent | Design by Minimalistic Design