Hi, thanks for the response. I've prepared two files as coded below. Thanks for your help. I'm assuming that you have the standard css and js file required. Steve
example.php
<?PHP
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Example</title>
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/field.css">
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery.parser.js"></script>
</head>
<body class="easyui-layout" style="font-family:Arial,Helvetica,sans-serif;">
<div id="top" data-options="region:'north',split:true">
<p>EXAMPLE</p>
</div>
<div data-options="region:'south',split:true" style="height:30px;background:#efefef;">
<div id="msg" style="padding-left:10px;">
Not logged in
</div>
</div>
<div data-options="region:'west',split:true" title="Menu Options" style="width:200px;padding1:1px;overflow:hidden;">
<div data-options="fit:true,border:false">
<div title="Transactions" data-options="selected:true" style="padding:10px;overflow:auto;">
<ul style="list-type:none;padding:0;margin:0;">
<li onclick="$('#content').load('test.php');">Load form</li>
<li onclick="$('#content').html('Page loads here');">Clear</li>
</ul>
</div>
</div>
</div>
<div data-options="region:'center'" title="Work and result zone" style="overflow:hidden;">
<div id="content" style="padding:10px;">
Page loads here
</div>
</div>
</body>
</html>
test.php
<?PHP
session_start();
?>
<input type="text" class="easyui-datebox" id="t" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
$.fn.datebox.defaults.formatter = function(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
if(m<10){m='0'+m;}
var d = date.getDate();
if(d<10){d='0'+d;}
return d+'/'+m+'/'+y;
}
</script>