Re: [OT] Animated .GIF's

Fri, 20 Feb 2004 11:06:17 -0800

Jerry,

Here's the whole page, it expects an image called progress.gif.

<html>
<head>
<style>
.floater {
visibility: visible;
}
.hider {
visibility: hidden;
}
</style>


<script language="javascript">
function progressBar(elementName) {
var element = document.getElementById(elementName);
element.className = 'floater';
}
</script>


</head>
<body>
<div id="progress" class="hider">
<img src="progress.gif" width="80" height="80" border="0" alt="Hang Tight!">
</div>
</body>
<form>
<input name="submit" value="Click me" type="button" onClick="progressBar('progress');">
</form>
</html>


HTH,
Colin


Jerry Jalenak wrote:

Colin - 

Can you post your <div> ... </div> code?  I just tried to wrap my <img /> in
one and it still doesn't work....

Jerry Jalenak
Development Manager, Web Publishing
LabOne, Inc.
10101 Renner Blvd.
Lenexa, KS  66219
(913) 577-1496

[EMAIL PROTECTED]




-----Original Message-----
From: Colin Kilburn [mailto:[EMAIL PROTECTED]
Sent: Friday, February 20, 2004 12:42 PM
To: Struts Users Mailing List
Subject: Re: [OT] Animated .GIF's


Jerry,

I was just toying with something similar yesterday. My image was inside a div, though, and the animation works fine. ... i.e. I changed the display attribute on the div, not the image. I'm also using mozilla on mandrake 9. Not sure about how it behaves in IE.

HTH,
Colin

Jerry Jalenak wrote:



I've been trying to find an answer to this via google for

awhile now, but


can't seem to find any info on my problem. I'm hoping

someone might be able


to shed some light on this for me.....

I've got a simple animated .gif (Loading Data... kind of

thing) that I need


to display whenever my submit button is clicked. Until the

submit button is


clicked though, I hide the image 

        <img border=0 id="loadingData" src="loadingData.gif"
style="display:none;">

When the user clicks the submit button, I use javascript to

change the style


to "display:inline". The image appears, but the animation

doesn't seem to


work. If I load the image without the "display:none" or even with
"display:inline", the animation works fine. It only seems

to fail when the


initial display setting is 'none'.  What gives?  Am I just missing an
additional setting?

Thanks.

Jerry Jalenak
Development Manager, Web Publishing
LabOne, Inc.
10101 Renner Blvd.
Lenexa, KS  66219
(913) 577-1496

[EMAIL PROTECTED]


This transmission (and any information attached to it) may

be confidential and


is intended solely for the use of the individual or entity

to which it is


addressed. If you are not the intended recipient or the

person responsible for


delivering the transmission to the intended recipient, be

advised that you


have received this transmission in error and that any use,

dissemination,


forwarding, printing, or copying of this information is

strictly prohibited.


If you have received this transmission in error, please

immediately notify


LabOne at the following email address:

[EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]







---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]





This transmission (and any information attached to it) may be confidential and
is intended solely for the use of the individual or entity to which it is
addressed. If you are not the intended recipient or the person responsible for
delivering the transmission to the intended recipient, be advised that you
have received this transmission in error and that any use, dissemination,
forwarding, printing, or copying of this information is strictly prohibited.
If you have received this transmission in error, please immediately notify
LabOne at the following email address: [EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]






---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to