opacity

Hey all,

I'm animating a menu by changing its opacity (with javascript) from 0 to 100
in steps of 10 at 10ms intervals. It works perfectly the first time, the
problem is that after it's done it once it doesn't work again. I've checked
and the loop is definatly working, the values are definatly being set etc, I
see no reason why it stops working after the first time. Any ideas?

code is at http://www.photash.com/menu.html (currently MSIE only)

Phil

"Phillip Parr" <no (AT) no (DOT) com> wrote:

(with javascript)

Any ideas?

Don't crosspost js questions to a stylesheet newsgroup.

(currently MSIE only)

Note the "www" in this group's name, we author for the web.

--
Spartanicus

Phillip Parr wrote:

I'm animating a menu by changing its opacity (with javascript) from 0 to 100
in steps of 10 at 10ms intervals. It works perfectly the first time, the
problem is that after it's done it once it doesn't work again. I've checked
and the loop is definatly working, the values are definatly being set etc, I
see no reason why it stops working after the first time. Any ideas?

I don't know what causes IE to not animate it the second time. However,
adding an additional
document.getElementById(animate).style.filter="alp ha(opacity=100)";

in your fadeIn function, might be a workaround:

function fadeIn()
{
if(!opacityx) {
anitimer=setInterval("fadeIn();",10);
document.getElementById(animate).style.filter="alp ha(opacity=100)";
}
...
}

Daniel

opacity is a css element, for all i knew it could have been a css problem.


"Spartanicus" <me (AT) privacy (DOT) net> wrote

"Phillip Parr" <no (AT) no (DOT) com> wrote:

(with javascript)

Any ideas?

Don't crosspost js questions to a stylesheet newsgroup.

(currently MSIE only)

Note the "www" in this group's name, we author for the web.

--
Spartanicus

Top posting is not appreciated here, snipping quotes is. Corrected this
once.

"Phillip Parr" <no (AT) no (DOT) com> wrote:

(with javascript)

Any ideas?

Don't crosspost js questions to a stylesheet newsgroup.

(currently MSIE only)

Note the "www" in this group's name, we author for the web.

opacity is a css element

Proposed for CSS3, not working in any browser.

--
Spartanicus

*Spartanicus* <me (AT) privacy (DOT) net>:

"Phillip Parr" <no (AT) no (DOT) com> wrote:

opacity is a css element

Proposed for CSS3, not working in any browser.

At least not under that name, i.e. without a vendor prefix.

--
Ociffer, I swear to drunk, I'm not God!

"Phillip Parr" <no (AT) no (DOT) com> wrote

"Spartanicus" <me (AT) privacy (DOT) net> wrote in message
news:78bqq0tsajc39fuqdbl4i6e9i8sr76tcb6 (AT) news (DOT) spartanicus.utvinternet.ie...
"Phillip Parr" <no (AT) no (DOT) com> wrote:

(with javascript)

Any ideas?

Don't crosspost js questions to a stylesheet newsgroup.

(currently MSIE only)

Note the "www" in this group's name, we author for the web.

opacity is a css element, for all i knew it could have been a css problem.

You're using the "filter" property, which is not a CSS property. It's a
Microsoft extension.

On Wed, 1 Dec 2004 13:16:44 +0000 (UTC), Phillip Parr <no (AT) no (DOT) com> wrote:

opacity is a css element, for all i knew it could have been a css
problem.

1) No elements in CSS> I assume you meant to say "property".

2) http://www.w3.org/TR/CSS21/propidx.html - no such property. It's
apparently a proprietory property, not properly valid CSS.

"Spartanicus" <me (AT) privacy (DOT) net> wrote

Top posting is not appreciated here, snipping quotes is. Corrected this
once.

"Phillip Parr" <no (AT) no (DOT) com> wrote:

(with javascript)

Any ideas?

Don't crosspost js questions to a stylesheet newsgroup.

(currently MSIE only)

Note the "www" in this group's name, we author for the web.

opacity is a css element

Proposed for CSS3, not working in any browser.

--
Spartanicus

You lot are pretty harsh to people who don't know your little set of
'rules'.

Thanks for your help, it wasn't quite the solution but using the same logic
I removed the section of code where i explicitly set the opacity to 0 and
that worked great. You're also the only person that tried to help, the
people from the css place are really, VERY snooty!

Phil

"Daniel Kirsch" <Iwillnotread_daniel (AT) gmx (DOT) de> wrote

Phillip Parr wrote:
I'm animating a menu by changing its opacity (with javascript) from 0 to
100 in steps of 10 at 10ms intervals. It works perfectly the first time,
the problem is that after it's done it once it doesn't work again. I've
checked and the loop is definatly working, the values are definatly being
set etc, I see no reason why it stops working after the first time. Any
ideas?

I don't know what causes IE to not animate it the second time. However,
adding an additional
document.getElementById(animate).style.filter="alp ha(opacity=100)";

in your fadeIn function, might be a workaround:

function fadeIn()
{
if(!opacityx) {
anitimer=setInterval("fadeIn();",10);
document.getElementById(animate).style.filter="alp ha(opacity=100)";
}
...
}

Daniel