[OpenLayers-Users] Firefox - popup feature attribute "undefined"

[mbjorge]

I am a newbie to OpenLayers and I have followed the KML example. I have spent
hours searching through previous posts for an answer.

Firefox and Opera:  The pop up works on Firefox but only displays the name.
The description displays "undefined". <br />
IE :both  the "name" and "description text appears.

You can see it here 
http://www.sjokart.no/admin/filestore/Sjkartverket/kml/test/testKMLPopGML.html
my kml test 

Here's my code:


var lon = 11.8;
      var lat = 64.5;
      var zoom = 5;
      var map, layer, gmap, kmlLayer, selectControl;

    function init(){
        map = new OpenLayers.Map('map');
        layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                    "http://labs.metacarta.com/wms/vmap0";, {layers:
'basic'}, {isBaseLayer: true});         
        map.addLayer(layer);            
        map.addControl(new OpenLayers.Control.LayerSwitcher());         
                
        kmlLayer = new OpenLayers.Layer.GML("KML",
"http://www.sjokart.no/admin/filestore/Sjkartverket/kml/vannstandstasjoner2.kml";,
 
        {
            format: OpenLayers.Format.KML, 
            formatOptions: {
              extractStyles: true, 
              extractAttributes: true,
          maxDepth: 2
            }
                        
         });
         map.addLayer(kmlLayer);
         map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);         
                 
         selectControl = new OpenLayers.Control.SelectFeature(kmlLayer);
                 
         kmlLayer.events.on({
                "featureselected": onFeatureSelect,
                "featureunselected": onFeatureUnselect
         });

         map.addControl(selectControl);
         selectControl.activate();  
                 
         function onPopupClose(evt) {
         selectControl.unselectAll();
         }
                 
        function onFeatureSelect(event) {
        var feature = event.feature;
        var detail = feature.attributes['description']; 
        var content = "<div style='font-size:.8em; width:120px;'><strong>"+
feature.attributes.name + "</strong><hr />" + detail + "</div>";
            
            popup = new OpenLayers.Popup.FramedCloud("chicken", 
                   feature.geometry.getBounds().getCenterLonLat(),
                   new OpenLayers.Size(100,100),
                   content,
                   null, true, onPopupClose);
           popup.border = '1px solid black';
            popup.opacity = .7;            
            popup.panMapIfOutOfView = true; 
                        
            feature.popup = popup;                      
            map.addPopup(popup);
            }
                
        function onFeatureUnselect(event) {
         var feature = event.feature;
            if(feature.popup) {
              map.removePopup(feature.popup);
              feature.popup.destroy();
              delete feature.popup;
                }
         } 
                 
}



This is my kml code:


<?xml version="1.0"?>
<kml xmlns="http://www.opengis.net/kml/2.2";>
 <Document>
   <name>Vannstandsm&#229;lere</name>
   <open>1</open>
   <Style id="neither">
      <IconStyle>
        <Icon>
          <href>http://maps.google.com/mapfiles/ms/icons/red-dot.png</href>
        </Icon>
      </IconStyle>
   </Style>
   <Style id="gloss">
      <IconStyle>
        <Icon>
           <href>http://maps.google.com/mapfiles/ms/icons/blue-dot.png</href>
        </Icon>         
      </IconStyle>
   </Style>
   <Style id="both">
      <IconStyle>
        <Icon>
          <href>http://maps.google.com/mapfiles/ms/icons/orange-dot.png</href>
        </Icon>         
      </IconStyle>
   </Style>  
   <Placemark>
     <name>Andenes</name>          
     <description><![CDATA[
http://www.sjokart.no/admin/filestore/Sjkartverket/kml/bilder/Andenes_small.jpg
<p style="text-align: left; float: right; width: 300px;">Lokalitet:<br />
Breddegrad: 69&#176;19' N.<br>Lengdegrad: 16&#176;09' E.<br /><br
/>Vannstandsm&#229;leren er plassert p&#229; trafikk- og allmenningskai,
ikke langt fra And&#248;y Havnevesen (Hamnegata 71).<br><br>
http://vannweb/joomla/index.php?option=com_content&view=article&Itemid=73&id=88%3Avannstandsmalere-andenes
Les mer </p>]]>  
     </description>
     <styleUrl>#both</styleUrl>
     <Point>
       <coordinates>16.133909,69.326158</coordinates>
     </Point>
   </Placemark>
   <Placemark>
     <name>Bergen</name>           
     <description><![CDATA[
http://www.sjokart.no/admin/filestore/Sjkartverket/kml/bilder/Bergen_small.jpg
<p style="text-align: left; margin-left: 4px; float: right; width:
300px;">Lokalitet: <br />Breddegrad: 60&#176;24' N.<br>Lengdegrad:
05&#176;18' E.<br /><br />Vannstandsm&#229;leren er plassert mellom
Bradbenken og Dreggekaien i V&#229;gen i Bergen sentrum.<br><br>
http://vannweb/joomla/index.php?option=com_content&view=article&Itemid=73&id=87%3Avannstandsmalere-bergen
Les mer </p>]]>  
     </description>
     <styleUrl>#neither</styleUrl>
     <Point>
       <coordinates>5.320493,60.398053</coordinates>
     </Point>
   </Placemark>
</Document>
</kml>


Any help would be appreciated.:-(

Thanks


-- 
View this message in context: 
http://n2.nabble.com/Firefox-popup-feature-attribute-undefined-tp4131261p4131261.html
Sent from the OpenLayers Users mailing list archive at Nabble.com.
_______________________________________________
Users mailing list
Users@openlayers.org
http://openlayers.org/mailman/listinfo/users