Apple Placeholder 0.1

A simple Mootools class to beauty your form similar to the Apple Store checkout form.



Details

Author
Ejaz
Current version
0.1
GitHub
obfuscatedgeek/Placeholder
Downloads
3638
Category
Forms
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_: Mootools Core 1.2.4

How to use

Attach Mootools core and Placeholder to your document.

<script type="text/javascipt" src="mootools1.2.4.js"></script>
<script type="text/javascipt" src="placeholder.js"></script>

Make your HTML form

<form action="" method="POST" id="userform">
    <input type="text" name="firstname" title="First Name" />
    <input type="text" name="lastname" title="Last Name" />
</form>

Instantiate the Placeholder class for the form

<script type="text/javascript">
window.addEvent("domready", function()  {
    var objPlace = new PlaceHolder( "userform", {
        focusClass : 'focus',
        blurClass : 'blur',
        positionClass : 'spanPosition' 
    });
});
</script>

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus