<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> TEST </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<mce:script type="text/javascript" src="jquery-1.3.2.min.js" mce_src="menu/script/jquery-1.3.2.min.js"></mce:script>
<mce:script type="text/javascript"><!--
$(document).ready( function () {
$('#btn').click ( function () {
$.ajax({
url: '1.php',
type: 'POST',
data:'name='+$('#name').val(),
dataType: 'html',
timeout: 1000,
error: function(){
alert('Error loading XML document');
},
success: function(html){
if(html==""){
alert("Please input what you want to say~!");
}else{
$('#text').html(html);
}
}
});
});
})
// --></mce:script>
</head>
<body>
<input type="text" id="name" name="name" />
<input type="button" value="DO IT ." id="btn"/>
<hr />
<div id="text" style="color:red;" mce_style="color:red;"></div>
</body>
</html>
<?php
if(!isset($_POST['name']) || $_POST['name']=="" ) {
echo "";
} else {
echo "you say : ".$_POST['name'];
}
?>
