0

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 ?

2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by cereal
0

Line 15:

Ext.form.Field.prototype.msgTarget = "side";

That means you need a container where to write the form:

<div id="side"></div>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.