step03

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8"/>
<html>
<head>
<title>Telbook</title>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<link rel="stylesheet" type="text/css" href="css/default.css">
<script type="text/javascript" src="js/jquery-2.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(document).on('click', 'button[name="html_button"]', function(e)

{// get-tels-html.php - името на php-скрипта, който трябва да бъде изпълнен
$.get('get-tels-html.php?name=' + $("input[name='name']").val() + '&fam=' +

$("input[name='fam']").val(),
function(data)
{
$('#tels-list').html(data);
});
return false;

});
});
</script>
</head>
<body>
<table class='layout'>
<tr>
<td class='panel'>
<h1>Persons</h1>
Name: <input type="text" name="name"><br>
Fam: <input type="text" name="fam"><br><br>
<button type="button" name="html_button">HTML-Заявка</button>
</td>
<td class='panel'>
</td>
</tr>
<tr>
<td class='panel'>
<h1>Tels</h1>
<div id='tels-list'></div>
</td>
<td class='panel'>
</td>
</tr>
</table>
</body>
</html>
</html>