This is a fairly easy task, from a JS point of view. The 'gray out'
effect is done simply by placing an element on top of everything else,
so that it effectively blocks any interaction with anything beneath it.
Applying variable opacity gives it the appearance of being disabled. I
won't show any JS since you are talking about tacos and I assume that
means you are using T4 + dojo. I personally loathe dojo and I don't use
T4, but the technique is the same regardless.
If you wanted, you could simply include this 'gray out' element as a
hidden div on all of your pages. What you need to be sure of is that it
is the last child of the body element, which in terms of mark up means
you need the div just before the closing tag of the body (</body>).
Using the id 'gc-overlay', your markup would be:
..
..
<div id="gc-overlay" style="display:none;"></div>
</body>
</html>
Here is how you might style it:
#gc-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=60);
opacity: 0.6;
}
Now when this element is displayed by JS, it will cover the entire
document body rendering it untouchable. You could of course embellish it
with other things like a 'throbber' or at least a message, but this will
give you your grayed out effect. Now to render it you simply need to run
a little JS, at whatever point you want it displayed. The way to do this
directly using the DOM api is:
document.getElementById('gc-overlay').style.display = 'block';
The prototype lib has a cleaner way, and I assume dojo does as well.
good luck
chris
learner wrote:
is tacos or any javascript that able to do this? i have an example javascript
but that work only in IE. anyone has example?
---------------------------------------------------------------------
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]
