Entony
/
x-editable


			
							1234567891011121314151617181920212223242526272829303132333435
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="container">
		<div class="page-header">
			<h1>x-editable 	<small>jquery</small></h1>
		</div>

		<ul class="list-group">
			<li class="list-group-item"><strong>Firstname: </strong><span editable="text" onbeforesave="validateText" onaftersave="sendToServer">Tony</span></li>
			<li class="list-group-item"><strong>Lastname: </strong><span editable="text"></span></li>
			<li class="list-group-item"><strong>Age: </strong><span editable="number">25</span></li>
			<li class="list-group-item"><strong>Email: </strong><span editable="email">Stark@gmail.com</span></li>
			<li class="list-group-item"><strong>Password: </strong><span editable="password">123456789</span></li>
		</ul>


	<div id="change">
		<button type="button" id="firstButton" class="btn btn-primary  btn-xs"><span class="glyphicon glyphicon-pencil"></span></button>
		<button type="button" id="secondButton" class="btn btn-danger  btn-xs"><span class="glyphicon glyphicon-remove"></span></button>
	</div>

		
	</div>
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script src="js/script.js"></script>
</body> 
</html>