[JS/CSS] IE pakt css style niet na aanmaken dynamische lijst

[Verwijderd]

Ik heb een XML lijst die ik met javascript inlees (AJAX). Naar aanleiding van de XML genereer ik met javascript een data lijst met de gegevens uit de XML. De DIV tag waar ik alles in stop heeft een class die goed werkt. Als ik de datalijst er statisch (dus hard intypen) in stop dan herkend IE de css class wel en geeft hij alles mooi weer. Maar als ik de lijst weer dynamisch laat genereren negeert IE de css class. Ik heb echt geen idee waar het aan kan liggen, want als je hard invoert doet hij het wel nl.

In FF werkt alles wel goed. hebben jullie een idee? Hieronder de code die de lijst genereert

JavaScript:

var list = document.getElementById('ajaxLocatieList');
list.innerHTML = "";
                
// creates a <table> element and a <tbody> element
var divHeader = document.createElement("div");
                
     // foto toevoegen
     var cell = document.createElement("span");
     var cellText = document.createTextNode("Foto");
     cell.appendChild(cellText);
     cell.setAttribute("class", "img")
     divHeader.appendChild(cell);
                
     // titel toevoegen
     var cell = document.createElement("span");
     var cellText = document.createTextNode("Titel");
     cell.appendChild(cellText);
     cell.setAttribute("class", "titel")
     divHeader.appendChild(cell);
                
     // provincie
     var cell = document.createElement("span");
     var cellText = document.createTextNode("Provincie");
     cell.appendChild(cellText);
     cell.setAttribute("class", "provincie")
     divHeader.appendChild(cell);
                
     // rating
     var cell = document.createElement("span");
     var cellText = document.createTextNode("Rating");
     cell.appendChild(cellText);
     cell.setAttribute("class", "rating")
     divHeader.appendChild(cell);
                    
     // div toevoegen
     list.appendChild(divHeader);
     divHeader.setAttribute("id", "header");                
            
     var xmlDoc = request.responseXML;
     // obtain the array of markers and loop through it
     var markers = xmlDoc.documentElement.getElementsByTagName("marker");
              
     for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var id = markers[i].getAttribute("id");
          var titel = markers[i].getAttribute("titel");
          var desc = markers[i].getAttribute("desc");
          var prov = markers[i].getAttribute("prov");
          var rating = markers[i].getAttribute("soort");
                    
          // populate list                  
          var divItem = document.createElement("div");
                                    
          // foto toevoegen
          var cell = document.createElement("span");
                        
               var img = document.createElement('img');
               img.src = 'image.php?id=' + id;
               img.setAttribute('width', '67');
               img.setAttribute('height', '50');
               img.alt = titel;
               cell.appendChild(img);
                        
               cell.setAttribute("class", "img")
          divItem.appendChild(cell);
                        
          // titel toevoegen
          var cell = document.createElement("span");
               var href = document.createElement("a");
               href.setAttribute('href', "locatie.php?id=" + id);
                            
               var linkText = document.createTextNode(titel);
               href.appendChild(linkText);
          cell.appendChild(href);
                            
          cell.setAttribute("class", "titel")
          divItem.appendChild(cell);
                        
          // provincie
          var cell = document.createElement("span");
          var cellText = document.createTextNode(prov);
          cell.appendChild(cellText);
          cell.setAttribute("class", "provincie")
          divItem.appendChild(cell);
                
          // rating
          var cell = document.createElement("span");
          var cellText = document.createTextNode(rating);
          cell.appendChild(cellText);
          cell.setAttribute("class", "rating")
          divItem.appendChild(cell);
                            
     // div toevoegen
     list.appendChild(divItem);
     divItem.setAttribute("class", "item");
}

[crisp]

Gebruik voor cross-browser ondersteuning:

JavaScript:

element.className = 'foo';

ipv setAttribute()

[Verwijderd]

AAHHH, nu doet ie het in IE wel, maar in FF weer niet. nu wel weer

[ Voor 17% gewijzigd door Verwijderd op 10-05-2007 16:16 ]