Uniform.js

Posted: December 12, 2012 in Java Scripts

Attache :

<script type=”text/javascript” src=”js/jquery-1.7.1.min.js”></script>

<script src=”js/jquery.uniform.js” type=”text/javascript” charset=”utf-8″></script>

For Select box :-
===================================================================

<script type="text/javascript">
jQuery(function(){
jQuery("select.myclass").uniform({selectClass: 'myclass'});
});
</script>

HTML :

<select class="myclass">
<option>Through Google</option>
<option>Through Twitter</option>
<option>Other&hellip;</option>
<option>&lt;Hi&gt;</option>
</select>

===================================================================
For Radio Button :-
===================================================================

<script type="text/javascript">
jQuery(":radio").uniform({radioClass: 'myclass'});
</script>

HTML :

<div class="myclass">
      <input type="radio" name="gender" value="2318" /><label>Childrens</label>
</div>

===================================================================
For Checkbox Button :-
===================================================================

<script type="text/javascript">
jQuery(":checkbox").uniform({checkboxClass: 'myclass'});
</script>

HTML :

<div class="myclass">
      <input type="checkbox" id="contactBack" /><label>Please contact me back</label>
</div>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s