PDA

View Full Version : Refresh Content IE Fails



the_ma3x
8 Oct 2009, 2:13 PM
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 )


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:


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', collapsible: false, height: 100, anchor: '100%', border:false};
var w2 = {title:'Top 1', contentEl: 'topall',height: 203, anchor: '100%', collapsible: false, border:false};
var w3 = {title:'Encuesta de la Semana',contentEl: 'encuesta', anchor: '100%', collapsible: false, border: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,
width: 205,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 0',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [e1,e2,e3]
}, {
region:'west',
id:'west-panel',
title:' ',
split:true,
width: 205,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'anchor',
items: [w1,w2,w3]
},
new Ext.TabPanel({
region: 'center',
deferredRender: false,
activeTab: 0,
items: [{
contentEl: 'center1',
title: 'Cartera Atrasada',
autoScroll: true
}, {
contentEl: 'center2',
title: 'Center Panel',
autoScroll: true
},{
contentEl: 'center3',
title: 'Pruebas',
autoScroll: true
}]
})]
});
});