Script läuft im FF, streikt aber im IE

[Frechdachz]

<script type="text/javascript" src="/prototype.js"></script> 
<script language="javascript" type="text/javascript">
<!--

var bgcolor1 = "#ffffff";
var bgcolor2 = "#ff9600";
var count = 0;
set = new Array();
for ($a=1;$a<=40;$a++){
 set[$a] = false;
}
var gh = 1;
function mark(i){
  
  if (set[i] == true){
    count--;
    if (count < 5){
     $("submit").innerHTML='';
    }
    set[i] = false;
    document.getElementById(i).style.backgroundColor = "#ffffff";
  } else {
  if (count < 5){
    count++;
    document.getElementById(i).style.backgroundColor = "#ff9600";
    set[i] = true;
    if (count == 5){
        $("submit").innerHTML='<form action="fw_lotto_tipp.php" method="post"><input type="hidden" name="tipp" value="'+set+'"><center><input type="submit" value="Tipp abgeben"></center></form>';
        }
    } else {
    alert('Es dürfen nur 5 aus 40 getippt werden.');
    }
  }
  
}

//-->

</script>

<div id="tip">
        <table id="tiptable" style="border: solid 1px #000000;" cellspacing="" cellpadding="5" align="center" border="1">
        <tr>
        <td id="1" align="center" width="20" onclick="javascript:mark(1);">1</td><td id="2" align="center" width="20" onclick="javascript:mark(2);">2</td><td id="3" align="center" width="20" onclick="javascript:mark(3);">3</td><td id="4" align="center" width="20" onclick="javascript:mark(4);">4</td><td id="5" align="center" width="20" onclick="javascript:mark(5);">5</td><td id="6" align="center" width="20" onclick="javascript:mark(6);">6</td></tr><tr><td id="7" align="center" width="20" onclick="javascript:mark(7);">7</td><td id="8" align="center" width="20" onclick="javascript:mark(8);">8</td><td id="9" align="center" width="20" onclick="javascript:mark(9);">9</td><td id="10" align="center" width="20" onclick="javascript:mark(10);">10</td><td id="11" align="center" width="20" onclick="javascript:mark(11);">11</td><td id="12" align="center" width="20" onclick="javascript:mark(12);">12</td></tr><tr><td id="13" align="center" width="20" onclick="javascript:mark(13);">13</td><td id="14" align="center" width="20" onclick="javascript:mark(14);">14</td><td id="15" align="center" width="20" onclick="javascript:mark(15);">15</td><td id="16" align="center" width="20" onclick="javascript:mark(16);">16</td><td id="17" align="center" width="20" onclick="javascript:mark(17);">17</td><td id="18" align="center" width="20" onclick="javascript:mark(18);">18</td></tr><tr><td id="19" align="center" width="20" onclick="javascript:mark(19);">19</td><td id="20" align="center" width="20" onclick="javascript:mark(20);">20</td><td id="21" align="center" width="20" onclick="javascript:mark(21);">21</td><td id="22" align="center" width="20" onclick="javascript:mark(22);">22</td><td id="23" align="center" width="20" onclick="javascript:mark(23);">23</td><td id="24" align="center" width="20" onclick="javascript:mark(24);">24</td></tr><tr><td id="25" align="center" width="20" onclick="javascript:mark(25);">25</td><td id="26" align="center" width="20" onclick="javascript:mark(26);">26</td><td id="27" align="center" width="20" onclick="javascript:mark(27);">27</td><td id="28" align="center" width="20" onclick="javascript:mark(28);">28</td><td id="29" align="center" width="20" onclick="javascript:mark(29);">29</td><td id="30" align="center" width="20" onclick="javascript:mark(30);">30</td></tr><tr><td id="31" align="center" width="20" onclick="javascript:mark(31);">31</td><td id="32" align="center" width="20" onclick="javascript:mark(32);">32</td><td id="33" align="center" width="20" onclick="javascript:mark(33);">33</td><td id="34" align="center" width="20" onclick="javascript:mark(34);">34</td><td id="35" align="center" width="20" onclick="javascript:mark(35);">35</td><td id="36" align="center" width="20" onclick="javascript:mark(36);">36</td></tr><tr><td id="37" align="center" width="20" onclick="javascript:mark(37);">37</td><td id="38" align="center" width="20" onclick="javascript:mark(38);">38</td><td id="39" align="center" width="20" onclick="javascript:mark(39);">39</td><td id="40" align="center" width="20" onclick="javascript:mark(40);">40</td><td> </td><td> </td>        </tr>

        </table>
        </div>
        <div id="submit">
        </div>

Im Firefox läufts, aber der IE streikt. Die Farbe in den einzellnen Kästchen wird nicht zurück gesetzt und der Submitbutton taucht nicht auf.

Wer kann helfen?

 

[anna55]

Der IE hat wohl ein Problem mit innerHTML in Verbindung mit Tabellen.
SELFHTML: JavaScript / Objektreferenz / all

Schau mal bei: Beachten Sie.

 

[Frechdachz]

sondern ist gezwungen, entweder ein die Tabelle einschließendes Element mit einer kompletten Tabelle neu zu schreiben, oder z.B. mit den DOM-Methoden zu arbeiten.

Also mit DOM hab ich keine Erfahrungen. Aber was bitte heisst denn das andere?

Wie muss das denn aussehen, dass das mit allen Browsern läuft?