Thomas Sampson

Cool Focus Blackout

Leave a comment

I noticed lately that a lot of sites try to mimic windows focusing by bluring out the website and placing a focused window ontop. To see what i mean goto

http://www.on10.net and click login

this can be achieved quite easily.

put the following div in your page (where “testing123″ can be changed)

<div id=”testing123″ style=”filter: alpha(opacity=0); -moz-opacity:.0; background-color:Black;width:10px; height:100px;”>

focused content here

</div>

next use this function to set the focus

function blankscreen()
{
document.getElementById(“testing123″).style.width=screen.width+”px”;
document.getElementById(“testing123″).style.height=screen.height+”px”;
document.getElementById(“testing123″).style.position=”absolute”;
document.getElementById(“testing123″).style.left=”0px”;
document.getElementById(“testing123″).style.top=”0px”;
document.getElementById(“testing123″).style.zIndex=”10000”;
}

to unfocus use something like

document.getElementById(‘testing123’).style.display=”none”;

Advertisements

Author: tomtech999

I have recently graduated with a 1st class degree in MComp Games Software Development at Sheffield Hallam University, focusing primarily on application development in C++, with experience in graphics programming, scripting languages, DVCS/VCS and web technology. In my spare time I enjoy Drumming, Reading and Snowboarding!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s