PDA

View Full Version : Window widget Dhtml - Opacity



pouriapn
07-06-2012, 10:25 PM
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
07-07-2012, 08:23 AM
Use this custom version of the script:

4521

pouriapn
07-07-2012, 01:46 PM
many thanks :)

pouriapn
07-07-2012, 01:48 PM
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
07-07-2012, 02:49 PM
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
07-07-2012, 02:57 PM
using it on ajax.
thanks a lot :)

jscheuer1
07-07-2012, 03:22 PM
OK, there appear to be two choices at the moment:


IE 7 loses ClearType on the content, making text in it appear scratchy and a little difficult to read, but iframes are handled well.


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:

4523

jscheuer1
07-07-2012, 05:05 PM
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:

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
07-07-2012, 08:05 PM
WOW! great :)
thank you so much