Make Switch Button with Jquery Mobile

By Karan Ratta
You have seen facebook messenger or any other android  applications which have On and Off switch button.Today we discuss about how you can make a simple and attractive switch button using a Jquery Mobile.You need a Jquery Mobile Framework to do this creative thing.I must say you have to try this.

Make Switch Button with Jquery Mobile



<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Facebook Messenger Style Switch Using Jquery Mobile</title>
<link rel="stylesheet"  href="css/jquery.mobile-1.2.1.css" />
<link rel="stylesheet"  href="css/jquery.mobile-1.2.1.min.css" />
<link rel="stylesheet"  href="css/jquery.mobile.theme-1.2.1.min.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.2.1.js"></script>
<script src="js/jquery.mobile-1.2.1.min.js"></script>
</head>
<body>
<div data-role="page">

<div data-role="header">
<h1>Facebook Messenger Style Switch Using Jquery Mobile</h1>
</div>

<div data-role="content">
<div class="contain-elements">
<select name="flip-min" id="flip-min" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</div>
</div>

</div>
</body>
</html>

Hey Readers, I am a tech blogger along with a daytime Network Security Engineer in a American based company. I love to keep an eyes on tips and tricks.related to Android, IOS, Windows and How to things.

Comments

Post a Comment

Popular posts from this blog

How to configure Route Redistribution of BGP, OSPF and EIGRP in Cisco Packet Tracer

By Karan Ratta
Image
It is  straightforward  to  put together  route re distribution  of EIGRP, OSPF & BGP in Cisco Packet tracer. Basically, Route  distribution   permits  routes from one routing protocol to be  publicised  into another routing protocol. I t's   preferred   to use   one  routing protocol in  internetwork  surroundings , for simplicity and  easy  management. S adly ,  this can be  not  invariably   doable ,  creating  multi-protocol environments common. Routes  can   solely  be  decentralized  if they exist  within the  routing table. Routes that  area unit   merely   in a very  topology  info. At least one  distribution   purpose   must  exist between  the 2  routing domains.  This device  can   really  run  each  routing ...
Read more

Friend Request System Using PHP and MYSQL

By Karan Ratta
Image
Facebook site gave its members an easy way to connect with each other one-on-one based on shared interests and other profile information.So, this post is tells how you can make your own friend request process using a simple codes of PHP and Mysql. This project starts with the login & signup process in which you have to first login with your valid email ID or password you can send request to the particular friend, accept or delete friend request or even unfriend option are also resides in this project  Let's start Database Design: In this tutorial there are three tables: 1. Signup table id int (5) email varchar (100) username varchar (50) photo varchar (150) password varchar (25) 2. Request table id int (5) from varchar (100) email varchar (100) 3. My Friend table id int (5) email varchar (100) friend varchar (100) Send Friend Request : This is the first step in which you have to send friend request to the person and it depends on him ...
Read more

Login, Signup and Logout Script using PHP and MySQL

By Karan Ratta
Image
Login, Signup or Logout these are the three things which you have  done in daily social networking sites.So, today post is related to that one.Firstly,I will show you how the signup process work .In my project i have taken three fields E-Mail, Username and password.We select email as a primary key. Database Design: email varchar(100)  PRIMARY KEY.. username varchar(100) password varchar(30) Signup Form: <form name="form1" action="index.php" method="POST"> <input  type="email" name="email" placeholder="E-Mail"  ><br> <input type="text" name="uname" placeholder="Username"  ><br> <input  type="password" name="pwd" placeholder="Password" ><br> <input name="signup" type="submit" value="Sign Up"> Signup.php In this PHP file i will show you some query and logics. ...
Read more