Qoverlay

Intro

This page demonstrates the use of qexpose. This plugin allows you to focus on any element on the page.

The effect is automated whenever the element is clicked or focused

Demo

For an example let's try an overlay on all the textfields on this page

window.addEvent('domready', function(){ q=new Qexpose($$('input'),{ color:'#7499CF' }); q.add($('lnk')); })

MyName
First
Then this
How about this
... Finally

This generally works on focusable elements. Stuff such as textfields, links etc.

Let's say you wish to add an element not present in the list during the initialization of the class. To do this just use the add method as so. Also, remember that if it's a link; its default action(such as going to a page) would be stopped.

q.add($('link'));

Link

Options

Color(default:black)The color which you would want the overlay to possess

Opacity(default:0.5)The opacity of the overlay. Number ranging from 0(transparent) to 1(opaque)