PDA

View Full Version : Unknown Runtime Error running IE7



cscProgrammer
8 Jul 2010, 6:48 PM
I have an application built in a viewport. The center region panel contains a form which queries a database. The west region contains a panel which displays information/help about the form field which receives focus in the center region by doing an Ext.get('panelID').load of another url into the west region panel.

This works with no problems in Mozilla FireFox, but when it is run on IE7 (or I suspect IE6 and IE8), I receive an "unknown runtime error", and it points to a line in the ext-all.js code which references dom.innerHtml.

Here is what a portion of the code looks like:

Ext.onReady
.
.
.


var dateLow = new Ext.form.DateField({
labelStyle: 'font-weight: bold;width: 200;',
fieldClass: 'myExtJSClass',
fieldLabel: 'Date Range',
width: 95,
vtype: 'daterange',
name: 'lowDate',
format: 'ymd',
id: 'lowDate',
maxValue: todaysDate,
listeners: {
'focus' : {
fn: function() {
Ext.get('helpPanel').load({
url: '/help/lowDate.html',
text: 'Loading Help',
scripts: true,
nocache: false,
timeout: 20
});
}
}
});

Here's the HTML being loaded (lowDate.html)


<!DOCTYP HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd">
<html>
<head>
<link REL="StyleSheet" HREF="help.css" type="text/css">
<title>The Date fields</title>
</head>
<body class="logInfoSmall">
<form>
<p>
<ul class="yingyang">
<li class="yingyang">Mandatory field for retrievals</li>
<li class="yingyang">Enter in YYMMDD format</li>
</ul></p>
<br/>
<p class="logInfoSmall">
There is just some information typed here in a paragraph tag. Couple of sentences of text.
</p><br/>
<p class="logInfoSmall">And that is followed by another paragraph</p>
</form>
</body>
</html>


Works great in Mozilla Firefox - gets Microsoft Script error in IE with runtime error!

Anyone have any ideas to get around this. I have a fix I can use, but it treats the IE help differently and I would like the behavior of the program to be identical across browsers.

cscProgrammer

jay@moduscreate.com
11 Jul 2010, 8:51 AM
please post code within code tags in the future.

jay@moduscreate.com
11 Jul 2010, 8:52 AM
IE has developer tools available. Have you sed any of them ?

jay@moduscreate.com
11 Jul 2010, 8:52 AM
Btw, why are you configuring "scripts : true" if there are no scripts?

Condor
11 Jul 2010, 10:22 PM
load() can only load HTML fragments, so no HTML, HEAD and LINK tags (which means your HTML is loaded without the stylesheet).

IE6 and 7 have a real problem using innerHTML to create <form> tags. Do you really needs that <form> tag?

If not, then simply remove it.

If you do (I don't see a reason) then I recommend switching to using IFRAMEs instead of Panel.load.