am trying to create user interface using 'ext JS' libraries. the following is my code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Register</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="var/www/extjs2.1/resources/css/ext-all.css" />
<!-- extjs -->
<script type="text/javascript" src="var/www/extjs2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="var/www/extjs2.1/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.QuickTips.init();
// message target
Ext.form.Field.prototype.msgTarget = "side";
var myForm = new Ext.form.FormPanel({
renderTo:"form1",
title:"Basic Form",
width:425,
frame:true,
items: [
new Ext.form.TextField({
id:"from",
fieldLabel:"From",
width:275,
allowBlank:false,
blankText:"Please enter a from address",
vtype:"email",
vtypeText:"The from field should be an email address in the format of user@domain.com"
}),
new Ext.form.TextField({
id:"to",
fieldLabel:"To",
width:275,
allowBlank:false,
blankText:"Please enter a to address"
}),
new Ext.form.TextField({
id:"subject",
fieldLabel:"Subject",
width:275,
allowBlank:false,
blankText:"Please enter a subject address"
}),
new Ext.form.TextArea({
id:"message",
fieldLabel:"Message",
width:275,
height:100
})
],
buttons: [
{text:"Cancel"},
{text:"Save"}
]
});
});
</script>
</head>
<body></body>
</html>the problem is that i see a blank page on a browser(firefox 7.0). I have installed firebug but it is not helping either. what is the problem ?
