Supplement:
1. Mariah Carey is very fat now, I faint.
2. There are 90 people will move/transfer from another department to my department, it will be a shock.
3. I am learning 3GPP, does somebody familiar with this? Please leave your email of MSN.
-------------------
I have had enough of Prototypes (a famous JavaScript framework), even I have devoted into it for almost 5 years. When I met Mootools, I thought that it is the right time to do some changes.
Why I choose the Mootools rather than use the conversant Prototype? Simple, very simple, Mootools have more built-in functionalities, further more, the Mootools seems more “object-oriented”.
I am going to change the back-end JavaScript of SqlReport from Prototype to Mootools too, thus I have to rewrite all of the utilities classes provided by myself, it is a hard work.
The class is aimed to create a cover-window in current page to make sure that the user can not click any elements in current page. Let take look at the source code:
this.container=new Element("div",{
styles:
{
"left":(Browser.Engine.trident?window.getScrollLeft():0),
"top":(Browser.Engine.trident?window.getScrollTop():0),
"width":window.getWidth(),
"height":window.getHeight(),
"position":(Browser.Engine.trident?"absolute":"fixed"),
"backgroundColor":this.options.color,
"opacity":this.options.opacity
}
});
this.container.injectInside(document.body);
Fair well, the fragment works very well in Firefox, but if you want to use it in Internet Explorer, you have to add a iFrame into “container”for covering the “select”items.
if(Browser.Engine.trident)
{
new Element("iframe",
{
"src": "about:blank",
"frameborder": 1,
"scrolling":"no",
styles:
{
"position":"absolute",
"top":0,
"left":0,
"width":window.getWidth(),
"height":window.getHeight(),
"opacity": 0,
zIndex:-1
}
}).injectInside(this.container);
}
It seems good, let’s test, Faint, the iFrame has not been create correctly! I have to using the following ugly fragment:
this.container.appendChild(
document.createElement("<IFRAME src=\"\""+
" style=\"position:absolute;background:red; visibility:inherit;top:0px;left:0px;"+
"filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"+
"z-index:-1;width:"+window.getWidth()+";height:"+window.getHeight()+"px;\""+
" frameborder=\"0\">"));
Who knows?