I have a four part process to add something to my website. I'd like to have a bar at the top of my page (if you need an example, something simliar to FedEx to show where you package is along the way) that will get updated upon each page move so the user knows how far along they are in the process and how much farther they have to go?
how is it possible to do a loading progress bar,the msot simple way, i read taht you can make this in a very simple way using the image class(with the image array) or also using the image array so all your pics would load when the site starts but i think the first solution is easier(loading bar), i have a very simple site that uses html and css and if any of you knew about this simple java script loading bar?
I have an ASP page on my intranet that searches a large database. After you click search it takes a while for the results to display so you just get a blank page and it looks like nothing is happening.
What I want to do is, using javascript, display something that makes it obvious that it is actually doing something. This could be either a progress bar or an animated image that dispappears once the page is loaded.
Does anyone know where I can find a script that will do this?
I am trying to show wait image while your form is submitting.Like in lightbox.js till the image pop up it shows the progress bar and then show the zoomed image similarly i want to show the wait flash button(it moves round and round in) until my form is submitted.
I want to show a process dialogue to the client till my process completes on the server. As long as my process dialogue appears, client should not be able to edit the page (or page become inactive); How to do this?
I have a form, and that has many fields, upon submit, it utilizes AJAX (PHP script) to store the data in the database and if the readyState is 4, (as a result of the PHP process) it shows the results on the same screen.
Now, I want to put a CONFIRMATION box, in the process, like I want the script to take input, and once the user hit submit, the php process begins, and if there is a duplicate entry it will show the message to the user like:
"Record exist" [Overwrite] [Make New] [Cancel]
the next, AJAX will continue based on the user input.
how to do this ? Should I have to make 2 Ajax Calls ? one to check for Duplicate and then one to get the input and process further ?
FYI, I am using jQuery 1.2.3, and the latest version of the jQuery Form plugin from URL...I am able to run the ColdFusion page on the server side to get the data, and Firebug is showing that I'm getting a response...but I'm unable to populate the JSON data into selected form fields on the page.I have two HTML forms; one for the user to input his/her ID number if available, and a longer form to collect more demographic info.Why is it not working? My forehead is getting bloody from banging it against this wall.
I check data validity in html form by JS. Something like
for (i=0; i<document.form[0].elements.length; i++) { chechkValidity(i); }
Unfortunately, the form[0] has about two thousands elements (it is statistical questioning form for companies) and execution of this one cycle takes about twenty seconds.
The problem is, that during these 20 seconds the browser "freezes": The button activating the cycle disappears and the mouse pointer doesn't change into "watch" (sandglass) showing that something is being carried out.
Although after the 20s everything is ok, it is not the nicest behavior of the form. I don't assume somebody is so impatient to restart during those 20 seconds. I just want to minimize the users' swearing on my address and tha's why my question:
How to show the progress of that cursed for-cycle?
I've got the following problem: i need to build a "progress bar" with JavaScript. So far i have the following configuration: i've got a DIV inside of a DIV. Each DIV has a style attribute that defines its width and other style information.
I need to calculate the size of the incremental block based on various factor like Width of the outside DIV, incremental interval and number of increments. My original solution was to assume that all of the units are in 'px' so i could just deal with integers. However now i hit a brick wall, when i realised that this is anything but scalable.
So what i need to do now is to obtain a width of the DIV from its style attribute (had it hard coded before), do the calculation, and then use the result to increment the size of the inner DIV (width element in the style attribute)...
I am facing an issue while implementing a jquery loading progress bar in my asp.net application. It is working absoultely fine in Mozilla Firefox but not in IE. Issue is that progress bar display in both browsers but in IE progress bar image not move like it is moving in Firefox. I also saw the same behaviour on one of the sample (URL...) uploaded at code project site.
I am using progress bar in my Visual Force page in Salesforce.com. I am sending the value 60 to progress bar and it displays the progress bar perfectly. I have a requirement here. When user clicks on shaded region he should get the value in the alert. When User clicks on grey region, user should get the alert of remaining %. I am successful in creating onClick on the progress bar. But I need two alerts for the same progress bar.
i want to display contents of a form in a plane text format. for that i want to track a number of textfields in the form..... do i need to write a seperate line for each textfield ? i tried
for(i=1;i<7;i++) { var cont[i]=document.getElementById("txt"+i).value ------- ------------ ------------- } but it didn't work out..
I used this page for making upload progress bar. I downloaded it and uploaded it to the server (you can see it here), and I signed up to Google Maps API and I pasted the code, but it doesn't work. It uploads the file, but it doesn't write the upload progress
I have a form that is calling a js function that does the actual submit. The action of the form points to a page on another server that I do not have the ability to edit.
My problem is that I need a way of tracking submissions and I'm having a hard time thinking of a way to do that. Anyone have any thoughts?
I'm trying to walk a person through the registration process on my site. This is a total of 4 or 5 steps. I'm thinking about using the jQuery progress bar to go from like 25% when the user starts, 50% after the second page etc.
I'd like to do the calucation on what page they are on and then move the progress bar to show the progress. How can I alter the jQuery code to acheive this type of result? Also, is there anyway to animate the move from like 25 to 50%?