<!--
codething.ru - ������� ������ ��� ���-������������
AJAX � jQuery. ������������ ���������� ��������. ������.
������ 3. �������� ������ �� ������ � ������� ������ � ��������� ��������
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<link type="text/css" href="css/ui-darkness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
</head>
<body>
<form id="myForm">
������� ���:<br/>
<input id="username" type="text" size="20"><br/><br/>
<input type="submit" onclick="f()"; value="���������">
</form>
<div id="content"></div>
<script type="text/javascript">
</script>
<script>
$(document).ready(function()
{
f();
});
function f()
{
$('#myForm').submit(function()
{
$.ajax({
type: "POST",
url: "www.google.co.il",
uata: "url="+$("#username").val(),
success: function(html)
{
$("#content").html(html),
$(function mess()
{
$("#content").dialog
({
bgiframe: true,
position: top,
width: 650,
modal: true
});
});//success: function
}
});//submit(function()
return false;
});//ready(function()
}
</script>
</body>
</html>