probelem bei setAttribute im ie

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • jo hast recht.. also ich erzeug mit


    Quellcode

    1. function updateTable(){
    3. if(tableCounter > 0){
    5. update("deptTbl");
    6. }
    8. var chosenDepartmentIndex = document.getElementById("dOptions").selectedIndex;
    9. var chosenDepartment = document.getElementById("dOptions").options[chosenDepartmentIndex].text;
    11. var body = document.getElementsByTagName("body")[0];
    12. var tbl = document.createElement("table");
    13. var tblHead = document.createElement("thead");
    14. var header = document.createElement("tr");
    15. var headerCell1 = document.createElement("th");
    16. var headerCell2 = document.createElement("th");
    17. var headerCell3 = document.createElement("th");
    19. var headerCellName = document.createTextNode("Name");
    20. headerCell1.appendChild(headerCellName);
    21. header.appendChild(headerCell1);
    22. tblHead.appendChild(header);
    24. var headerCellTel = document.createTextNode("Telefon");
    25. headerCell2.appendChild(headerCellTel);
    26. header.appendChild(headerCell2);
    27. tblHead.appendChild(header);
    29. var headerCellDept = document.createTextNode("Abteilung");
    30. headerCell3.appendChild(headerCellDept);
    31. header.appendChild(headerCell3);
    32. tblHead.appendChild(header);
    33. tblHead.setAttribute("class", 'alt');
    34. tblHead.style.borderSpacing = "0";
    35. var tblBody = document.createElement("tbody");
    37. var resultCounter = 0;
    39. var chosenNames = new Array();
    40. var chosenNumbers = new Array();
    41. var chosenDepts = new Array();
    43. for (var j = 0; j < allDepts.length; j++) {
    45. if(allDepts[j] == chosenDepartment){
    47. chosenNames[resultCounter] = allNames[j];
    48. chosenNumbers[resultCounter] = allNumbers[j];
    49. chosenDepts[resultCounter] = allDepts[j];
    50. resultCounter++;
    51. }
    52. }
    54. for (var j = 0; j < chosenNames.length; j++) {
    56. var row = document.createElement("tr");
    57. row.setAttribute("class", 'alt');
    59. for (var i = 0; i < 3; i++) {
    61. var modRes = i % 3;
    63. if(modRes == 0){
    65. var cell1 = document.createElement("td");
    66. var cellText1 = document.createTextNode(chosenNames[j]);
    67. cell1.appendChild(cellText1);
    68. row.appendChild(cell1);
    70. }else if(modRes == 1){
    72. var cell2 = document.createElement("td");
    73. var cellText2 = document.createTextNode(chosenNumbers[j]);
    74. cell2.appendChild(cellText2);
    75. row.appendChild(cell2);
    76. }else{
    77. var cell3 = document.createElement("td");
    78. var cellText3 = document.createTextNode(chosenDepts[j]);
    79. cell3.appendChild(cellText3);
    80. row.appendChild(cell3);
    81. }
    83. }
    85. tblBody.appendChild(row);
    86. }
    88. tbl.appendChild(tblHead);
    89. tbl.appendChild(tblBody);
    90. tbl.setAttribute("id", "deptTbl");
    92. body.appendChild(tbl);
    94. tableCounter++;
    95. }
    Alles anzeigen


    mit folgendem style

    Quellcode

    1. <style type="text/css">
    2. table {
    3. border: solid #66CC99;
    4. border-width: 0px 1px 1px 0px;
    5. width: 400px;
    6. }
    7. th, td {
    8. border: solid #66CC99;
    9. border-width: 1px 0px 0px 1px;
    10. padding: 4px;
    11. }
    12. th {
    13. background-color: #339999;
    14. color: #FFFFFF;
    15. }
    16. tr.alt td {
    17. background-color: #EEEEEE;
    18. }
    19. tbody {
    20. height: 200px;
    21. width: 100%;
    22. overflow-y: auto;
    23. overflow-x: auto;
    24. }
    25. </style>
    26. <!--[if IE]>
    27. <style type="text/css">
    28. div {
    29. position: relative;
    30. height: 200px;
    31. width: 400px;
    32. overflow-y: scroll;
    33. overflow-x: scroll;
    34. border: solid #66CC99;
    35. border-width: 0px 0px 1px 0px;
    36. }
    37. table {
    38. border-width: 1px 1px 0px 0px;
    39. }
    40. thead tr {
    41. position: absolute;
    42. top: expression(this.offsetParent.scrollTop);
    43. }
    44. tbody {
    45. height: auto;
    47. }
    48. table tbody tr:first-child td {
    49. padding: 29px 4px 4px 4px;
    50. }
    51. </style>
    52. <![endif]-->
    Alles anzeigen


    jetzt will ich der tabelle das class atr zuweisen, was im firefox auch läuft, im ie fehlen jedeoch die scrollbalken und der head ist immer am seitenanfang..
    wie kann ich nun das class atr zuweisen, sodass es auch ie erkennt

    // edit by vince - Syntax Highlighting hinzugefügt - Bitte beachten !