473,372 Members | 908 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,372 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 2744
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

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

Similar topics

0
by: Martin Platt | last post by:
Hi, I'm looking into various options for a fairly simple backup utility for our application. I have no problems being able to backup, find restorable backup files, and restore then. What I'd...
2
by: | last post by:
Hi all, continued from yesterday's posting... I still haven't found a solution to this issue. I put a breakpoint in private void SqlBackupPercentComplete(string message, int Percent) {...
19
by: trint | last post by:
Ok, I start my thread job: Thread t = new Thread(new ThreadStart(invoicePrintingLongRunningCodeThread)); t.IsBackground = true; t.Start(); There are lots of calls to controls and many...
1
by: Stefan | last post by:
I'd like to display the keyboard navigation indicators in my C# application without the user having to press the Alt key and regardless of the machines global setting (Hide keyboard navigation...
3
by: SpamProof | last post by:
I got an animated gif that is a barber pole spinning that I want to use as a progress bar. The problem is that is stops spinning (shows 1 frame) when my browser is processing a submited request...
6
by: Samantha | last post by:
Hi. hi have a custom created smooth progress bar (Pbar) control and i wanted to know how i can reset the bar to 0 after the bar has run to completion. The pbar uses a timer control to...
9
by: no | last post by:
Hi I have a PHP script that updates a very large table and in the code I echo some text to show the progress of the update but the text only appears when the page has finished displaying. Is...
46
by: Bruce W. Darby | last post by:
This will be my very first VB.Net application and it's pretty simple. But I've got a snag in my syntax somewhere. Was hoping that someone could point me in the right direction. The history: My...
2
by: mikelis | last post by:
I have a main form that does a lengthy database query. Before I fire off the query, I need to pop up another form that contains a progress bar and a Close button. The progress bar updates for 30...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.