Hi all,<br>I've got a problem with internet explorer I'm hoping someone can help me with.<br>I've got a linked grid panel-feature store-vector layor set up, similar to one of the examples on the geo-ext site, for displaying data from a GML file. It works fine in Firefox, but is blank in internet explorer 7.<br>
The code is below, first the obvious parts, then the whole page worth.<br>Any insight would be welcome; I'm pulling my hair out trying to figure this out.<br><br>Thanks,<br>Aidian Holder<br><br><b><br>Here in the obviously relevant code, the full page code is below that:</b><br>
var fireLines = new OpenLayers.Layer.Vector("Fire Lines");<br> map.addLayer(fireLines);<br><br>var store = new GeoExt.data.FeatureStore({<br> layer: fireLines,<br> proxy: new GeoExt.data.ProtocolProxy({<br>
protocol: new OpenLayers.Protocol.HTTP({<br> url: "gml/perimeters.xml",<br> format: new OpenLayers.Format.GML()<br> })<br> }),<br> fields: [<br>
{name: 'FIRE_NAME', type: 'string'},<br> {name: 'ACRES', type: 'string'},<br> {name: 'LOAD_DATE', type: 'string'}<br> ],<br>
autoLoad: true<br> });<br> <br> <br> var detailsPanel = new Ext.grid.GridPanel({<br> title: "Active Fires",<br> region: "west",<br> border: true,<br>
store: store,<br> columns: [{header: 'Name', dataIndex: 'FIRE_NAME'},<br> {header: 'Acreage', dataIndex: 'ACRES'},<br> {header: 'Updated', dataIndex: 'LOAD_DATE'}],<br>
width: 300,<br> height: 600,<br> sm: new GeoExt.grid.FeatureSelectionModel()<br> });<br><br><br><b>Full Page code:</b><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br>
<html lang="en"><br><head><br> <title><!-- Insert your title here --></title><br> <style type="text/css"><br> <br> .zoomin {<br> background-image: url(<a href="http://69.62.213.170/geoext/img/icon_zoomin.png">http://69.62.213.170/geoext/img/icon_zoomin.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> }<br> .zoomout {<br> background-image: url(<a href="http://69.62.213.170/geoext/img/icon_zoomout.png">http://69.62.213.170/geoext/img/icon_zoomout.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> }<br> .zoomfull {<br> background-image:url(<a href="http://69.62.213.170/geoext/img/icon_zoomfull.png">http://69.62.213.170/geoext/img/icon_zoomfull.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> }<br> .pan {<br> background-image:url(<a href="http://69.62.213.170/geoext/img/icon_pan.png">http://69.62.213.170/geoext/img/icon_pan.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> }<br> .info {<br> background-image:url(<a href="http://69.62.213.170/geoext/img/info.png">http://69.62.213.170/geoext/img/info.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> <br> }<br> .back {<br> background-image:url(<a href="http://69.62.213.170/geoext/img/resultset_previous.png">http://69.62.213.170/geoext/img/resultset_previous.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> <br> }<br> .next {<br> background-image:url(<a href="http://69.62.213.170/geoext/img/resultset_next.png">http://69.62.213.170/geoext/img/resultset_next.png</a>) !important;<br>
height:20px !important;<br> width:20px !important;<br> <br> }<br></style><br><br><script src="OpenLayers.js" type="text/javascript"></script><br>
<script src="<a href="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAswMtbwtotJmv90ak01iBixQU8MLjHkCOgUOFxqy3Ydl6JRQ1exRBk-QjQ5UGpjClJkRmte_it9YuCA">http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAswMtbwtotJmv90ak01iBixQU8MLjHkCOgUOFxqy3Ydl6JRQ1exRBk-QjQ5UGpjClJkRmte_it9YuCA</a>" type="text/javascript"></script><br>
<script src="ext-2.3.0/adapter/ext/ext-base.js" type="text/javascript"></script><br><script src="ext-2.3.0/ext-all.js" type="text/javascript"></script><br><link rel="stylesheet" type="text/css" href="ext-2.3.0/resources/css/ext-all.css"></link><br>
<script src="GeoExt/GeoExt/lib/GeoExt.js" type="text/javascript"></script><br><script type="text/javascript"><br><br>Ext.onReady(function () {<br> var options = {<br> projection: new OpenLayers.Projection("EPSG:900913"),<br>
units: "m",<br> maxResolution: 156543.0339,<br> resolutions: [156543.03390000001, 78271.516950000005, 39135.758475000002, 19567.879237500001, 9783.9396187500006, 4891.9698093750003, 2445.9849046875001, 1222.9924523437501, 611.49622617187504, 305.74811308593752, 152.87405654296876, 76.43702827148438, 38.21851413574219, 19.109257067871095, 9.5546285339355475, 4.7773142669677737, 2.3886571334838869, 1.1943285667419434, 0.59716428337097172, 0.29858214168548586],<br>
maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34)<br> };<br> <br> var map = new OpenLayers.Map('map', options);<br><br> <br> var gphy = new OpenLayers.Layer.Google(<br>
"Physical Relief",<br> {type: G_PHYSICAL_MAP, sphericalMercator: true, isBaseLayer: true}<br> );<br> gphy.displayInLayerSwitcher = true;<br> map.addLayer(gphy);<br> var gstreets = new OpenLayers.Layer.Google(<br>
"Google Streets",<br> {sphericalMercator: true}<br> );<br> gstreets.displayInLayerSwitcher = true;<br> map.addLayer(gstreets);<br> var gsat = new OpenLayers.Layer.Google(<br>
"Satellite",<br> {type: G_SATELLITE_MAP, sphericalMercator: true}<br> );<br> gsat.displayInLayerSwitcher = true;<br> map.addLayer(gsat);<br> <br> var fireLines = new OpenLayers.Layer.Vector("Fire Lines");<br>
map.addLayer(fireLines);<br> <br> var modis24 = new OpenLayers.Layer.GML("Modis 24",<br> "gml/modis24.xml",<br> {style: {'externalGraphic': 'fire_icon.svg.png', 'pointRadius': '6', 'graphicOpacity': '1'}, visibility: true});<br>
map.addLayer(modis24);<br> <br> var modis48 = new OpenLayers.Layer.GML("Modis 48",<br> "gml/modis48.xml",<br> {style: {'externalGraphic': 'fire_icon.svg.png', 'pointRadius': '6', 'graphicOpacity': '0.6'}});<br>
map.addLayer(modis48);<br> <br> var modis7 = new OpenLayers.Layer.GML("Modis 7d",<br> "gml/modis7d.xml",<br> {style: {'externalGraphic': 'fire_icon.svg.png', 'pointRadius': '6', 'graphicOpacity': '0.3'}});<br>
map.addLayer(modis7);<br><br> var sacto = new OpenLayers.LonLat(-13523315.47936, 4661053.54715);<br> map.setCenter(sacto, 6);<br> <br> var toolbarItems = []<br> var createToolbar = function() {<br>
var action;<br><br> var createSeparator = function() {<br> toolbarItems.push(" ");<br> toolbarItems.push("-");<br> toolbarItems.push(" ");<br>
}; <br><br> action = new GeoExt.Action({<br> control: new OpenLayers.Control.ZoomToMaxExtent(),<br> map: map,<br> iconCls: 'zoomfull',<br>
toggleGroup: 'map',<br> tooltip: 'Zoom to full extent'<br> });<br><br> toolbarItems.push(action);<br><br> createSeparator();<br><br> action = new GeoExt.Action({<br>
control: new OpenLayers.Control.ZoomBox(),<br> tooltip: 'Zoom in: click in the map or use the left mouse button and drag to create a rectangle',<br> map: map,<br> iconCls: 'zoomin',<br>
toggleGroup: 'map'<br> });<br><br> toolbarItems.push(action);<br><br> action = new GeoExt.Action({<br> control: new OpenLayers.Control.ZoomBox({<br> out: true<br>
}),<br> tooltip: 'Zoom out: click in the map or use the left mouse button and drag to create a rectangle',<br> map: map,<br> iconCls: 'zoomout',<br>
toggleGroup: 'map'<br> });<br><br> toolbarItems.push(action);<br><br> action = new GeoExt.Action({<br> control: new OpenLayers.Control.DragPan({<br> isDefault: true<br>
}),<br> tooltip: 'Pan map: keep the left mouse button pressed and drag the map',<br> map: map,<br> iconCls: 'pan',<br> toggleGroup: 'map'<br>
});<br><br> toolbarItems.push(action);<br><br> createSeparator();<br><br> ctrl = new OpenLayers.Control.NavigationHistory();<br> map.addControl(ctrl);<br><br> action = new GeoExt.Action({<br>
tooltip: "Previous view",<br> control: ctrl.previous,<br> iconCls: 'back',<br> disabled: true<br> });<br> toolbarItems.push(action);<br>
<br> action = new GeoExt.Action({<br> tooltip: "Next view",<br> control: ctrl.next,<br> iconCls: 'next',<br> disabled: true<br>
});<br> toolbarItems.push(action);<br> <br> createSeparator(); <br> };<br> <br> createToolbar();<br> <br> var store = new GeoExt.data.FeatureStore({<br>
layer: fireLines,<br> proxy: new GeoExt.data.ProtocolProxy({<br> protocol: new OpenLayers.Protocol.HTTP({<br> url: "gml/perimeters.xml",<br> format: new OpenLayers.Format.GML()<br>
})<br> }),<br> fields: [<br> {name: 'FIRE_NAME', type: 'string'},<br> {name: 'ACRES', type: 'string'},<br> {name: 'LOAD_DATE', type: 'string'}<br>
],<br> autoLoad: true<br> });<br> <br> <br> var detailsPanel = new Ext.grid.GridPanel({<br> title: "Active Fires",<br> region: "west",<br>
border: true,<br> store: store,<br> columns: [{header: 'Name', dataIndex: 'FIRE_NAME'},<br> {header: 'Acreage', dataIndex: 'ACRES'},<br>
{header: 'Updated', dataIndex: 'LOAD_DATE'}],<br> width: 300,<br> height: 600,<br> sm: new GeoExt.grid.FeatureSelectionModel()<br> });<br><br> var mapPanel = new GeoExt.MapPanel({<br>
height: 600,<br> width: 524,<br> border: true,<br> region: 'center',<br> map: map,<br> center: new OpenLayers.LonLat(-13523315.47936,4661053.54715),<br>
zoom: 6,<br> tbar: toolbarItems<br> });<br> var treeConfig = [<br> {<br> "nodeType": "gx_baselayercontainer"<br> },<br> {<br>
"nodeType": "gx_overlaylayercontainer",<br> "loader": {<br> "baseAttrs": {<br> "radioGroup": "foo"<br>
}<br> }<br> },<br> {<br> "nodeType": "gx_layer",<br> "layer": "Fire Lines"<br> }<br>
]<br> var tree = new Ext.tree.TreePanel({<br> border: true,<br> region: 'east',<br> title: "Layers",<br> width: 200,<br> height: 600,<br>
split: true,<br> autoScroll: true,<br> loader: new Ext.tree.TreeLoader({<br> applyLoader: false<br> }),<br> root: {<br> nodeType: "async",<br>
children: treeConfig<br> },<br> rootVisible: false,<br> lines: false<br> });<br> <br> var mainView = new Ext.Panel({<br> layout: 'border',<br> renderTo: 'view',<br>
height: 400,<br> width: 1024,<br> items: [detailsPanel, mapPanel, tree]<br> })<br>});<br></script><br></head><br><body><br> <div id="view"></div><br> <br>
<br></body><br></html><br clear="all">Aidian Holder<br><br>It is not necessary to remind you that the fact that your voice is amplified to the degree where it reaches from one end of the country to the other does not confer upon you greater wisdom or understanding than you possessed when your voice reached only from one end of the bar to the other.<br>
-Edward R. Murrow<br>