The Official Blog of Patcoola

Im just a dude watching over my parents,
and trying to make cartoons and video games from home.

Script: shadeOut (JS)

Important!

Dear visitors,

This blog and the Tigarus.com network will be changing our website software in May (2024). There will be some down time and there will be a change to the webpage addresses.

We will also be removing the Anime blogs. The Rocksmith Songs website will be unavailable of a few weeks or months while I move the database to the new software.

At the moment we are running on Wordpress, the new software is an in-house project which is 57 times faster. It will also provide more freedom for development.

Thank you for understanding.

, By Patcoola

Script Title: shadeOut
Programming Language: JavaScript
Date Completed: 2012/01/21

Purpose: Shade Out the surrounding area of an object for better focus and to prevent miss-clicks in a web page.

Advertisement

Donate Now!

Hi there, I spend a lot of time making this blog.

It would be great if you would consider donating.


Description: Shade Out is a simple Light Box style system that shades out the surrounding area of an object. Perfect for videos and games where a user my accidentally click a link outside the object’s area, thus loading a new web page, Shade Out prevents this from happening.

Shade Out is a simple JavaScript that has an API to easily setting the shadow color, opacity, and depth. Shade Out works with all modern web browsers; when the shadow is removed the object’s depth is restored or if no depth was defined the object’s depth will be set to a value below the shadow’s depth. Shade Out is a simple function action, so one command does it all, open/close/swap. Shade Out works seamlessly without reloading the focused object, allowing an uninterrupted experience.

 

Advertisement

Donate Now!

I don't always use the women's bathroom, but when I do, you can bet it really smells. If you like my blog, please consider donating.


 

Post Meta

Share Post

 

Comments: Write Comment

Be the first to write a comment.


Leave a Comment


All comments are reviewed before publishing. Comments must be related to the page topic, must not be spam, and must comply with the criminal code of Canada.