Visitors Today: 152
Total Visits: 435091

XtremeXtension

Do you have source code, articles, and tutorials to share?
Visual Basic, VB.NET, C#, PHP/MySQL, C/C++, Java/JavaScript, ASP/ASP.NET, MS Access, FoxPro, SQL
You can write your own content here.

Donation


    If the information on this site helps you and you would like to make donation to XtremeXtension.com please click the LINK below.

    If you want to support us, please make a contribution. Any amount is appreciated. To make a donation via PayPal, credit card, or e-check..

    Please click the DONATE link..

    Your contribution will make XtremeXtension.com grow in the future.

Sponsor

Calendar

Switchable : jQuery iPhone Style Switch Buttons

    Posted Anonymous Posted On December 8, 2016

    JavaScript 0 Current Comments 1975 Views

    Like 2 people liked this.
    Replaces checkbox by beautiful iphone style switch buttons.


    Getting started

      Import required libraries and stylesheets.
      Switchable requires Jquery.


    SOURCE
      <link rel="stylesheet" type="text/css" href="../src/switchable.css" />
     <script type="text/javascript" src="js/jquery.1.7.1.js"></script>
     <script type="text/javascript" src="../src/switchable.min.js"></script>


    Create the input checkboxes that you wanna to hold the switcher
    SOURCE
      <input type="checkbox" id="myswitch" checked value="checked" data-label="The label you wanna comes here" >


    Then, it's necessary to call it.
    SOURCE
        <script type="text/javascript" >
         $(document).ready(function(){
           $('#myswitch').switchable();
         });
       </script>


    That's all.


  • JavaScript
  • Jquery
  • Plugin

Download

Filename
Size
Downloads
85.23Kb
130
Share With Your Friends
Share Your Thoughts With Other Users

Be the first to comment.

Leave a Reply
This small test serves as access restriction against malicious bots.