Hi Guys,

I am new in ExtJS and trying to popup BasicDialog but I am getting error on IE7 on Windows XP

In FireFox I am getting " el is null " error.

Any help will be appreciated.

Thanks

Below is my Code.


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../../../../../../js/yui_ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="/js/yui_ext/resources/css/accordion.css">
<SCRIPT LANGUAGE='JavaScript1.2' src='/js/yui_ext/adapter/yui/yui-utilities-1-1.js' type='text/javascript'></SCRIPT>
<SCRIPT LANGUAGE='JavaScript1.2' src='/js/yui_ext/adapter/yui/ext-yui-adapter-1-1.js' type='text/javascript'></SCRIPT>
<SCRIPT LANGUAGE='JavaScript1.2' src='/js/yui_ext/ext-all-debug-1-1.js' type='text/javascript'></SCRIPT>

<script>

</script>
</head>
<body>
<SCRIPT LANGUAGE='JavaScript' defer="defer">
Ext.onReady(function(){
alert("test ");
var dialog = new Ext.BasicDialog("asdfas",{
autoTabs:true,
width:500,
height:300,
shadow:true,
minWidth:300,
minHeight:250,
proxyDrag: true
});
alert("test");
dialog.show();
});
</SCRIPT>

</body>
</html>