Introduction to Ext Tutorial - Errors

[coldfiltered]

Hi,

I'm brand new to Ext and I was just trying out the Introduction to Ext Tutorial. I downloaded and installed the library and demo files okay and got the initial alert box to pop up confirming a successful installation.

In the next tutorial section: Element: The Heart of Ext I added the suggested javascript:

Ext.onReady(function() {
var myDiv = Ext.get('myDiv');
myDiv.highlight();
myDiv.addClass('red');
myDiv.center();
myDiv.setOpacity(.25);
});

and got an error:

'null' is null or not an object.

It seems to be myDiv.highlight(); that triggers it, as commenting it out allows the rest of the script to work.

My Visual Studio 2005 debugging stopped at line 17 of yui-utilities.js, with this section of the line highlighted:

val[i]=_4f.doMethod.call(this,_59,_5a[i],end[i])

the debugging shows end[i] to be the null item.

Setup: Vista Ultimate and IE 7.0.6000.16386.

[aagnihot]

Hi,

I am also getting exactly the same error. Moreover, most of the examples are not working.
Please let me know if you could get around this and got the code to work - it will be a great help indeed.

Regards,
- Ashish

[heidtmare]

I just tried this out and there is definitely a problem with highlight it IE... im going to do some more testing.

EDIT: its something to do with the tutorials css file...comment that out and highlight will work fine.

EDIT2: its the background color of myDiv. in the css file change #myDiv{background:#DFECFB;} to a 3 letter version of some other color(like #FFF). apparently the 6 hex version of color codes are killing the default settings of highlight() in IE.

I filed a bug report here: http://extjs.com/forum/showthread.php?t=4217

[jack.slocum]

Fixed in SVN. Thanks!