I have a problem with a content when im trying to refresh. With a viewport and a boxcomponent y want to refresh a part of the "west" region for example.

the west region use contentEl.

Refresh the div tag with ajax is no big problem, the problem is in IE7, the box do nothing.

I even try to change contentEl for autoLoad and using a page with refresh meta and exactly the same behavior.

It is posible to refresh only one region and not the entire viewport? Im still looking in the api guide and the forum, but... no... i cant find the solution...

Next is the Ajax Refresh function,

avisos is the div tag used in the west region

test.asp wich display a random number or the time or something else...

both methods works in Firefox, Safari, Chrome, Opera but not on IE (i hate IE )

PHP Code:
function Ajax(){
var 
xmlHttp;
    try{    
        
xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
    
}catch (e){
        try{
            
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        
}catch (e){
            try{
                
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }catch (
e){
                
alert("No AJAX!?");
                return 
false;
            }
        }
    }
    
xmlHttp.onreadystatechange=function(){
        if ((
xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
        
document.getElementById('avisos').innerHTML='';
        
document.getElementById('avisos').innerHTML=xmlHttp.responseText;
        
setTimeout('Ajax()',2000);
//        alert("ok");
        
}
    }
    
xmlHttp.open("GET","test.asp",true);
    
xmlHttp.send(null); 
}
window.onload=function(){
    
setTimeout('Ajax()',2000);

This is the viewport code:

PHP Code:
Ext.onReady(function(){
  
        var 
e1 = {title:'Busqueda',contentEl'busqueda'border:false};
        var 
e2 = {title:'Tips de Operación',contentEl'banners'border:false};
        var 
e3 = {title:'Capital Humano',contentEl'banners2'border:false};
        
//var w1 = {title:'Avisos', contentEl: 'avisos', collapsible: false, height: 100,    anchor: '100%', border:false};
       //this is the other method, autoLoad.
        
var w1 = {title:'Avisos'autoLoad:'test.asp'collapsiblefalseheight100,    anchor'100%'border:false};        
        var 
w2 = {title:'Top 1'contentEl'topall',height203anchor'100%'collapsiblefalseborder:false};
        var 
w3 = {title:'Encuesta de la Semana',contentEl'encuesta'anchor'100%',    collapsiblefalseborder:false};
        
         
        var 
viewport = new Ext.Viewport({
            
layout'border',
            
items: [
            new 
Ext.BoxComponent({
                
region'north',
                
height:0
            
}), {
                
region'south',
                
height:0
            
}, {
                
region:'east',
                    
title' ',
                    
split:true,
                    
width205,
                    
minSize175,
                    
maxSize400,
                    
collapsibletrue,
                    
margins:'0 0 0 0',    
                    
layout:'accordion',                    
                    
layoutConfig:{
                        
animate:true
                    
},
                    
items: [e1,e2,e3]
            }, {
                
region:'west',
                    
id:'west-panel',
                    
title:' ',
                    
split:true,
                    
width205,
                    
minSize175,
                    
maxSize400,
                    
collapsibletrue,
                    
margins:'0 0 0 5',                    
                    
layout:'anchor',
                    
items: [w1,w2,w3]
            },
            new 
Ext.TabPanel({
                
region'center'
                
deferredRenderfalse,
                
activeTab0,    
                
items: [{
                    
contentEl'center1',
                    
title'Cartera Atrasada',
                    
autoScrolltrue
                
}, {
                    
contentEl'center2',
                    
title'Center Panel',
                    
autoScrolltrue
                
},{
                    
contentEl'center3',
                    
title'Pruebas',
                    
autoScrolltrue
                
}]
            })]
        });
    });