471,618 Members | 1,502 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,618 software developers and data experts.

Need a help in Progress Indicators

Hi

I need a small help from you all. I had a form which consists of 2 fields username and password to be entered. It also consists of a Log-in button. Once we enter the username and password, if we click on the Log-in button, it should display a progress indicator image which needs to be spinning round till the page gets navigated to the next page if the username and password are correct.

Here I am posting my code:

Expand|Select|Wrap|Line Numbers
  1. <div id="progress_indicator_image" style="display: none; padding-right: 15; padding-bottom: 2; background-image: url('images/indicator.gif'); background-repeat: no-repeat;">&nbsp;</div>
  2. <div id="progress_indicator_text" style="display: none;">Logging in...</div>
where the image indicator.gif is the image that needs to be spinning till the log-in page gets navigated to the next page and the text" Logging in" will be displayed next to the image.

Here the problem I am facing is that :

The image is spinning correctly in IE6.
The image gets displayed but not spinning in IE7.
The image doesn't gets displayed even in FireFox.

Could anyone help me out in resolving this problem as it will be very helpful for my application.

Thanks in Advance.
Sep 20 '07 #1
14 2482
phvfl
173 Expert 100+
Hi,

What script are you using to show the image and the text, could you please post the script that does this.
Sep 20 '07 #2
Hi

The script that was used by me was a mason perl script which is a combination of perl, html, javascript and mason.
Sep 26 '07 #3
phvfl
173 Expert 100+
Hi

The script that was used by me was a mason perl script which is a combination of perl, html, javascript and mason.
Could you please post the script that handles showing the image?
Sep 26 '07 #4
Could you please post the script that handles showing the image?
The script which I am using now is :

Expand|Select|Wrap|Line Numbers
  1. <div id="progress_indicator_image" style="display: none; padding-right: 15; padding-bottom: 2; background-image: url('images/indicator.gif'); background-repeat: no-repeat;">&nbsp;</div>
  2. <div id="progress_indicator_text" style="display: none;">Logging in...</div>
Could any one please help me out?
Oct 5 '07 #5
drhowarddrfine
7,435 Expert 4TB
I assume this is an animated gif? If not, what causes the spinning animation? (In which case it's not a html/css question.)

You have 'display:none' in your css so it shouldn't display at all.

In addition, you do not have units specified for your values. You need 'px' or 'em' for your dimensions.
Oct 5 '07 #6
I assume this is an animated gif? If not, what causes the spinning animation? (In which case it's not a html/css question.)

You have 'display:none' in your css so it shouldn't display at all.

In addition, you do not have units specified for your values. You need 'px' or 'em' for your dimensions.

Yes it is an animated gif. Though I have removed "display:none" from the above script, the image doesn't gets spinning. Could you please throw some light on how to use the units "px" or "em"?

The main problem here is the versiona nd type of the browsers we use.

It is working fine in IE 6.0, Safari and not working in IE 7.0 and Firefox.

Please update me on the same.
Oct 17 '07 #7
Yes it is an animated gif. Though I have removed "display:none" from the above script, the image doesn't gets spinning. Could you please throw some light on how to use the units "px" or "em"?

The main problem here is the versiona nd type of the browsers we use.

It is working fine in IE 6.0, Safari and not working in IE 7.0 and Firefox.

Please update me on the same.

If I remove "dispaly:none" from the above script, the text and the image gets displayed right from navigating to that page and before I click the Log-in button. But they should get dispalyed and start spinning once I click the Log-in button.
Oct 17 '07 #8
If I remove "dispaly:none" from the above script, the text and the image gets displayed right from navigating to that page and before I click the Log-in button. But they should get dispalyed and start spinning once I click the Log-in button.

Could anyone help me on this?
Oct 29 '07 #9
drhowarddrfine
7,435 Expert 4TB
Is this online? Can we have a link?
Oct 29 '07 #10
Is this online? Can we have a link?
This is not an online link. It is a web application where the code is palced in the *ix box and the url will be accessed from the UI with the user.
Oct 30 '07 #11
This is not an online link. It is a web application where the code is palced in the *ix box and the url will be accessed from the UI with the user.

Could anybody help me out on this please?
Nov 15 '07 #12
drhowarddrfine
7,435 Expert 4TB
It's difficult to help because we can't duplicate the problem.
Nov 15 '07 #13
It's difficult to help because we can't duplicate the problem.

Can anyone help me please?
Dec 5 '07 #14
Death Slaught
1,137 1GB
Try asking in the JavaScript forum, you should be able to make the image appear with onClick, and a function.

We understand that you need help, and we're doing all we can, so please don't repeat yourself there's only so much we can do.

Thanks, Death
Dec 5 '07 #15

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

6 posts views Thread by Samantha | last post: by
9 posts views Thread by no | last post: by
46 posts views Thread by Bruce W. Darby | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
1 post views Thread by ZEDKYRIE | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.