Window widget Dhtml - Opacity

[pouriapn]

1) Script Title: Window widget Dhtml

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/

3) Describe problem:
I want to set an opacity for the window (div) that is not in use, like the one for unfocusing the handle bar :

this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window

I want to do the same thing to the entire window that is not in use/active. but not a modal one, just want to decrease the opacity.
many thanks.

[jscheuer1]

Use this custom version of the script:

Attachment 4521

[pouriapn]

many thanks

[pouriapn]

what about doing like this:

this.setopacity(this.lastactivet.contentarea, 0.2)

this would decrease just the opacity of the content not the whole window.
does this cause an error?

[jscheuer1]

In IE 8 and less, if there's iframe content it can become invisible. I'm not sure why this happens. Unless or until I can figure that out, I'd say, "No."

Unless you're not planning on using any iframe content.

[pouriapn]

using it on ajax.
thanks a lot

[jscheuer1]

OK, there appear to be two choices at the moment:

1. IE 7 loses ClearType on the content, making text in it appear scratchy and a little difficult to read, but iframes are handled well.
   
   
2. IE 7 doesn't lose ClearType on the content, but iframes become invisible at times in IE 8 and IE 7.

Either way, AJAX loaded and on page content appear to be fine (except for the loss of ClearType in scenario 1). If that's all you're using, I'd go with #2:

Attachment 4523

[jscheuer1]

I was able to figure out and solve the problems so that even iframe will work in IE 8 and less without loss of ClearType in IE 7. Here's that update:

Attachment 4526

It requires an addition to the dhtmlwindow.css file:

.iframewrapper {
	height: 100%;
	zoom: 1;
}

Still works fine with AJAX, and on page content.

And since we're no longer dimming the title bar, this line under the .drag-handle selector can be removed from the css as well:

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

[pouriapn]

WOW! great
thank you so much