PHP Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tyu</title>
</head>
<head>
<link rel="stylesheet" type="text/css" href="exttools/ext-2.0/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="exttools/ext-2.0/resources/css/xtheme-gray.css" />
<script type="text/javascript" src="exttools/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="exttools/ext-2.0/ext-all.js"></script>
<script type="text/javascript" src="exttools/ext-2.0/datepicker/ext.ux.datepickerplus-min.js"></script>
<link rel="stylesheet" type="text/css" href="stie.css" />
<link rel="stylesheet" type="text/css" href="exttools/ext-2.0/datepicker/datepickerplus.css" />
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'exttools/ext-2.0/resources/images/default/s.gif';
Ext.namespace('Ext.exampledata');
taginfotext = '<p>Blah Blah Blah<br>Blah Blah Blah</p>';
Ext.exampledata.equipment = [
['Equip1'],
['Equip2'],
['Equip3']
];
Ext.exampledata.names = [
['Name1'],
['Name2'],
['Name3']
];
Ext.exampledata.shopstores = [
['Shop1'],
['Shop2'],
['Shop3']
];
Ext.exampledata.tagstore = [
['AAA:','Tage for A'],
['BBB:','Tage for B'],
['CCC:','Tage for C']
];
var store = new Ext.data.SimpleStore({
fields: ['type'],
data : Ext.exampledata.equipment
});
var userstore = new Ext.data.SimpleStore({
fields: ['username'],
data : Ext.exampledata.names
});
var shopstore = new Ext.data.SimpleStore({
fields: ['storename'],
data : Ext.exampledata.shopstores
});
var tagstore = new Ext.data.SimpleStore({
fields: ['tagprefix','itemdescription'],
data : Ext.exampledata.tagstore
});
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
// Asset Type
var purchasedate = new Ext.form.DateField({
width: 230,
fieldLabel: 'Date Of Purchase',
readOnly: true,
format : 'd/m/Y',
applyTo: 'purchaseddate'
});
var createdby = new Ext.form.TextField({
width: 230,
readOnly: true,
applyTo: 'createdby'
});
var invoiceno = new Ext.form.TextField({
width: 230,
applyTo: 'invoiceno'
});
var cost = new Ext.form.NumberField({
width: 230,
applyTo: 'cost',
emptyText : '0.00'
});
var assettype = new Ext.form.ComboBox({
width: 230,
store: store,
displayField:'type',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select Equipment Type...',
applyTo: 'assettype'
});
var shopstores = new Ext.form.ComboBox({
width: 230,
store: shopstore,
displayField:'storename',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select store',
applyTo: 'purchasedfrom'
});
//Asset Location
var comboWithTooltip = new Ext.form.ComboBox({
width: 230,
store: userstore,
displayField:'username',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a User...',
selectOnFocus:true,
applyTo: 'allocation'
});
var dateissued = new Ext.form.DateField({
width: 230,
fieldLabel: 'Date Of Purchase',
readOnly: true,
format : 'd/m/Y',
applyTo: 'dateissued'
});
//Comments
var comments = new Ext.form.HtmlEditor({
width: 600,
applyTo: 'comments'
});
var holidaydatetest = new Ext.ux.form.DateFieldPlus({
usePickerPlus: true, //this will fire the use of datepickerplus instead of datepicker
noOfMonth: 1,
multiSelection: false,
markNationalHolidays: true,
useQuickTips:true,
format : 'd/m/Y',
tooltip:'do something',
disabledDays: [0, 6], //0 = Sundays 6 = Saturdays
disabledDaysText: 'Deliveries are not available on the weekends',
disabledDates:['10/04/2008', '11/04/2008'],
disabledDatesText :'this is not valid date',
applyTo: 'holidaydatetest',
listeners:{'onSelect':function(){var mydate = this.value; Ext.MessageBox.alert(mydate); }}
});
//Tag Info Area
var tagfield = new Ext.form.ComboBox({
tpl: '<tpl for="."><div ext:qtip="{tagprefix}. {itemdescription}" class="x-combo-list-item">{tagprefix}</div></tpl>',
width: 230,
fieldLabel: 'Create Tag for Asset',
store: tagstore,
displayField:'tagprefix',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select Tag...',
selectOnFocus:true,
applyTo: 'itemtag'
});
var p = new Ext.Panel({
title: 'Tag Details',
hideCollapseTool: true,
titleCollapse: true,
collapsible: true,
renderTo: 'taginfo',
width:600,
html: taginfotext
});
});
</script>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><form action="" method="post" name="form1" id="form1">
<fieldset class="x-fieldset">
<legend>Asset Type</legend>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300" height="25" class="x-btn">Created By:</td>
<td class="x-btn">Date of Purchase:</td>
</tr>
<tr>
<td height="25"><input name="createdby" type="text" id="createdby" value="" /></td>
<td><input type="text" name="purchaseddate" id="purchaseddate" /></td>
</tr>
<tr>
<td height="25" class="x-btn">Invoice No:</td>
<td class="x-btn">Purchased From:</td>
</tr>
<tr>
<td height="25"><input type="text" name="invoiceno" id="invoiceno" /></td>
<td><input type="text" name="purchasedfrom" id="purchasedfrom" /></td>
</tr>
<tr>
<td height="25" class="x-btn">Asset Type:</td>
<td class="x-btn">Cost:</td>
</tr>
<tr>
<td height="25"><input type="text" name="assettype" id="assettype" /></td>
<td><input type="text" name="cost" id="cost" /></td>
</tr>
</table>
<p> </p> </fieldset>
<fieldset class="x-fieldset">
<legend>Allocation Details</legend>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300" height="25" class="x-btn">Allocated Name:</td>
<td class="x-btn">Date Issued:</td>
</tr>
<tr>
<td height="25"><input type="text" name="allocation" id="allocation" /></td>
<td><input type="text" name="dateissued" id="dateissued" /></td>
</tr>
<tr>
<td height="25"><span class="x-btn">Condition:</span></td>
<td> </td>
</tr>
<tr>
<td height="25"><span class="x-btn"><input name="condition" type="radio" id="radio" value="New" checked="checked" />New
<input type="radio" name="condition" id="radio2" value="Second Hand" />Second Hand
<input type="radio" name="condition" id="radio3" value="N/A" />N/A</span></td>
<td> </td>
</tr>
<tr>
<td height="25"><span class="x-btn">Date Issued:</span></td>
<td> </td>
</tr>
<tr>
<td height="25"><input type="text" name="holidaydatetest" id="holidaydatetest" /></td>
<td> </td>
</tr>
</table>
<p> </p>
</fieldset>
</p>
<fieldset class="x-fieldset">
<legend>Comments</legend>
<textarea name="comments" id="comments" cols="45" rows="5"></textarea>
</fieldset>
<fieldset class="x-fieldset">
<legend>Tags</legend>
<div id="taginfo"></div>
<br />
<br />
<input type="text" name="itemtag" id="itemtag" />
</fieldset>
</form>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Any help is appreciated.