(OT) how to change opacity in IE7

[lcplben]

Hi everybody --

I apologize that this is so OT. I've asked in other groups with no
response, so as a last, desperate resort I come a supplicant to this
bottomless well of grokitude.

The problem is with IE7 (haven't tried with IE6 or IE8) and the
problem page is:

http://www.sellmycalls.com/no-fade.html

There is the table <table id="main" .. > at line 566 of the source. In
that table, there is <tbody id="tbody1"> at line 793.

I want to grey out only the <tbody>.

I can change the opacity of the whole <table> just fine in IE7. And I
can change the opacity of both the <table> and the <tbody> in FF3.5
and PC Safari 2.

But in IE7 I cannot change the opacity of just the <tbody>. The
JavaScript function submit( ) that does the opacity change is at line
368 of the source.

What am I doing wrong that I can't change the opacity of the <tbody>
in IE7?

Thanks, everyone, and I'm sorry again for the OT post.

-- ben

[Andy Dingley]

On 17 Nov, 11:23, lcplben <b...@sellmycalls.com> wrote:

> But in IE7 I cannot change the opacity

Be careful with opacity in IE, particularly in web apps or with Ajax
(a browser window stays open for a long time, changing dynamically).
There's an old bug with IE 6+, where the alpha opacity code leaks
memory hugely. This can be triggered by either PNG images that use
alpha opacity, or using filter & opacity from within CSS. There's a
fix, but somewhat clunky - search for iepngfix

Otherwise, just avoid opacity completely.

[lcplben]

OK, thanks, I mainly used it as a brand-new (for me) whiz-bang
feature. So I'll get rid of it.

I had it in the first place to clue the user in that the data part of
the page hadn't yet reloaded: necessary, I think, because the data is
just so homogeneous -- it all looks exactly the same.

Any suggestions for a pleasing / elegant / sexy page-is-still-loading
gadget?

Thanks again, Andy.

-- ben

[Andy Dingley]

On 17 Nov, 12:39, lcplben <b...@sellmycalls.com> wrote:

> Any suggestions for a pleasing / elegant / sexy page-is-still-loading
> gadget?

Do whatever you were doing, but use the simple CSS display/visibility
features to show elements or not show them, where their opacity is
either on or off.

If you want fades, then you can play with background colours.
JavaScript timers are handy here, and it's a popular example to
demonstrate closures as a language feature. Try the Crockford site (as
I know there's one in his book)

[lcplben]

Or maybe even:

div.style.color = '#999999';

Trust me always to pick the most tortured solution.

Thanks, Andy.

-- ben