SOLVED: Help with viewport or other thing, in IE7

[dias]

Hello,

i have this code

Ext.BLANK_IMAGE_URL = './javascript/extjs3/resources/images/default/s.gif';

Ext.onReady(function(){
var wizardContainer = new Ext.Panel({
  id: 'wizardContainer'
  ,name: 'wizardContainer'
  ,region:'center'
  ,margins:'0 0 0 0'
  ,layout:'border'
  ,autoScroll:false
  ,border:false
  ,width: '100%'
  ,height: '100%'
  ,bodyStyle: 'background: none'
  ,items: [{
       region: 'center'
      ,border: false
      ,bodyStyle: 'background: none'
  }]
});

var viewport = new Ext.Viewport({
   layout:'border'
   ,cls : 'viewport'
   ,hideMode: 'offsets'
  ,items:[wizardContainer]
});
}

this css:

.viewport {
   background-color: #ffffff;
   background-image: url(../images/pints1.png) no-repeat;
}

I use ExtJS3RC1.1, in IE8 and FF3.0.10 works fine.

But in IE7 this error:

"Expected identifier, string or number (http://ldaptest.ipcb.pt/newsite/,147)"

How can i know here is the error... can someone help me...


Thanks in advance

Paulo Dias

[conorarmstrong]

doubt that it's it but there's an error in the last line of your code (I've put it in red):

Hello,

i have this code

Ext.BLANK_IMAGE_URL = './javascript/extjs3/resources/images/default/s.gif';

Ext.onReady(function(){
var wizardContainer = new Ext.Panel({
  id: 'wizardContainer'
  ,name: 'wizardContainer'
  ,region:'center'
  ,margins:'0 0 0 0'
  ,layout:'border'
  ,autoScroll:false
  ,border:false
  ,width: '100%'
  ,height: '100%'
  ,bodyStyle: 'background: none'
  ,items: [{
       region: 'center'
      ,border: false
      ,bodyStyle: 'background: none'
  }]
});

var viewport = new Ext.Viewport({
   layout:'border'
   ,cls : 'viewport'
   ,hideMode: 'offsets'
  ,items:[wizardContainer]
});
});

[dias]

Ok...

But, what is the error, and how i correct it...


Paulo Dias

[tryanDLS]

Should be obvious if you run your code thru jslint.

[Animal]

Overnested.

A border layout Panel inside the border layout Viewport!

[dias]

Ok, but can you explain me how to test the code in jslint!


Thanks

Paulo Dias

[conorarmstrong]

Both viewport and wizardContainer have border layouts - is that intentional?

Also, the item you have included in wizardContainer doesn't do (display) anything.

Code amended slightly to produce an output below:

Ext.onReady(function(){
        var wizardContainer = new Ext.Panel({
                id: 'wizardContainer'
                ,name: 'wizardContainer'
                ,region:'center'
                ,margins:'0 0 0 0'
        //      ,layout:'border'
                ,autoScroll:false
                ,border:false
                ,width: '100%'
                ,height: '100%'
                ,bodyStyle: 'background: none'
                ,html: 'Blah Blah'
        /*      ,items: [{
                                 region: 'center'
                                ,border: false
                                ,bodyStyle: 'background: none'
                }]*/
        });

        var viewport = new Ext.Viewport({
                 layout:'border'
                 ,cls : 'viewport'
                 ,hideMode: 'offsets'
                ,items:[wizardContainer]
        });
});

[dias]

Animal,


Sorry, but what do you mean whit "overnested"...


Thanks,

Paulo Dias

[conorarmstrong]

overnested - having components inside redundant (usually) panels which could be done away with.

[dias]

Ok... and thanks for the language lesson.

i try the corrected code,

but in IE7 the same error:

"Expected identifier, string or number (http://ldaptest.ipcb.pt/newsite/,147)"


Thanks

Paulo