hi please i need the code behind version of this, if the textbox is clicked it will popup model, i want the code behind version, i meaan the code that will popup the model when the textbox is click should be code behind.
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<style type="text/css">
.popup
{
position: relative;
top: 7px;
width: 610px;
}
.modal-body
{
height: 100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<br />
<input class="clickable filter" class="form-control" placeholder="Search" data-toggle="modal"
data-target="#myModal" />
<div id="myModal" class="modal overlay" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog popup">
<div class="modal-content">
<div class="modal-body">
<table>
<tr>
<td>
<input name="TextBox1" type="text" id="TextBox1" class="form-control" style="width: 480px;"
placeholder="Search" />
</td>
<td>
<button type="button" style="float: right;" class="btn btn-danger" data-dismiss="modal">
<i class="glyphicon glyphicon-search"></i>Search</button>
</td>
</tr>
</table>
<div style="padding: 15px;">
<button type="button" style="float: right; background-color: #444; color: White;"
class="btn btn-default" data-dismiss="modal">
Close</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</form>
</body>
</html>