Nov

Quick overlay with Scripty2

Scripty2

Creating overlay in scripty2 is very simple.

Create a button with an id mybutton. Add the javascript below at the head section of your file.

document.observe('dom:loaded', function() {
	$("mybutton").observe("click", function() {
		$(document.body).insert(S2.viewportOverlay().setStyle(
'background:#000;opacity:0.5;height:100%;'));
	});
});

Lines 3 and 4 does the overlay. If you wanted the overlay to be a bit darker, set the opacity to 0.6 or higher.

And last… the html.

<body>
<div id="mybutton">Click Me</div>
</body>

Scripty2 is still in beta as of this writing.

Browser Support
It is not working on IE versions. Tested in Firefox, Google Chrome, Opera and Safari

Recent Comments

"Great information :) " by Brice Hilt in Scrolling to the Top and Bottom of the page using Mootools
"Try the code below: $students = ORM::factory('student')->find_all(); foreach($students as $student) { echo 'Student: '.$student->firstname.' Phone Numbers:'; $student_phones = $student->phone->find_all(); foreach($student_phones as $student_phone) { echo $student_phone->number.', '; } echo ''; } " by karlsheen in Kohana 3 ORM tutorial and samples
"In your one-to-many example you list the student associated with each phone number. How would you list the phone number(s) associated ..." by will in Kohana 3 ORM tutorial and samples
"Thanks for the clarification. Thanks to a great long-tail keyword search I found this easy clarification which makes my late ..." by Web Design Inverness in mysql_num_rows() VS mysql_affected_rows()
"You need to set-up a facebook e-mail address before you can do that. Just go to Messages and claim your ..." by karlsheen in Facebook’s Like Button Plugin: Share your pages with just one click

Quick overlay with Scripty2

Topics

Recent Comments

Latest Tweets

About

Contact

Interact