Skip to content

Commit

Permalink
Readme updated
Browse files Browse the repository at this point in the history
  • Loading branch information
phpinfo committed Mar 18, 2010
1 parent 4142f13 commit 328ea97
Showing 1 changed file with 55 additions and 1 deletion.
56 changes: 55 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,63 @@ This simple plugin provides HTML 5 placeholder attribute to all browsers.
How to use
----------

Just include placeholder.js or placehoder-min.js to your HTML:
Simple usage by setting placeholder color in options:

<script type="text/javascript" src="/js/placeholder-min.js"></script>
<script type="text/javascript">
$(window).addEvent('domready', function(){
new NS.Placeholder({
color: '#ccc'
});
});
</script>

By default NS.Placeholder adds 'placeholder' class:

<style type="text/css">
.my-placeholder {
color: #ccc;
}
</style>

<script type="text/javascript" src="/js/placeholder-min.js"></script>
<script type="text/javascript">
$(window).addEvent('domready', function(){
new NS.Placeholder({
cssClass: 'my-placeholder'
});
});
</script>

You can set your elements collection to check ($$('input[type=text]') by default):

<script type="text/javascript">
$(window).addEvent('domready', function(){
new NS.Placeholder({
elements: $$('.input-search')
});
});
</script>

...or just use string selector:

<script type="text/javascript">
$(window).addEvent('domready', function(){
new NS.Placeholder({
elements: '.input-search'
});
});
</script>

For perfomance reasons you can enable effect for a single element:

<script type="text/javascript">
$(window).addEvent('domready', function(){
new NS.Placeholder({
elements: $('searchBox')
});
});
</script>

Thanks to
---------
Expand Down

0 comments on commit 328ea97

Please sign in to comment.