PDA

View Full Version : highlight() not working on component's body



jeanluca
13 Jun 2010, 12:52 AM
Hi All

I have the following example (comes from ExtJS in Action)


<html>
<head>
<title>Getting Started Example</title>
<link rel="stylesheet" type="text/css" href="lib/extjs/resources/css/ext-all.css" />
<script src="lib/jquery.js"></script>
<script src="lib/extjs/adapter/jquery/ext-jquery-adapter.js"></script>
<script src="lib/extjs/ext-all-debug.js"></script>

<script>
var movie_form ;
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'lib/extjs/resources/images/default/s.gif';
Ext.QuickTips.init();

buildWindow() ;

});

function buildWindow() {
var win = new Ext.Window({
id : 'myWindow',
title : 'My first Ext JS Window',
width : 300,
height : 150,
layout : 'fit',
autoLoad : {
url : 'frame.html',
scripts : true
}
});
win.show();
}
</script>
</head>
<body>
<!-- Nothing in the body -->
</body>
</html>


frame.html:

<div>Hello from the <b>world</b> of AJAX!</div>

<script type='text/javascript'>
function highlightWindow() {
var win = Ext.getCmp('myWindow');
var winBody = win.body;
winBody.highlight();
}
highlightWindow.defer(1000);
</script>

It works fine, except that I don't see the hightlight effect. Any suggestion what the problem might be ?

cheers

jeanluca
13 Jun 2010, 5:09 AM
from what I found on google, it has to do with jQuery or the jQuery adabter