Heimwerker: Problem mit FireFox und document.getElementById().style.display

Beitrag lesen

SELF-Forum

Problem mit FireFox und document.getElementById().style.display

Heimwerker
– Informationen zu den Bewertungsregeln

Hallo zusammen,
beim ein und Ausblenden von Zeilen in einer Tabelle verlieren diese ihren Bezug bzw. Ausrichtung in einer Tabelle. (im IE funktioniert es, im FireFox nicht)
Hat da jemand eine Lösung für mich?

Code Beispiel:

<html>  
<head>  
<script type="text/javascript">  
<!--  
var gruppenwerte=0;  
var gruppe=new Array(20);  
for(var i=0; i<20; i++) { gruppe[i]="auf"; }  
if(document.cookie)  
{ ReadCookie(); }  
  
function ReadCookie()  
{ var allcookies = document.cookie;  
  cookiearray  = allcookies.split(';');  
  gruppenwerte=0;  
  var Suche = /Gruppe/;  
  for(var i=0; i<cookiearray.length; i++)  
  { name = cookiearray[i].split('=')[0];  
    value = cookiearray[i].split('=')[1];  
    if((value=="auf"||value=="zu")&&(Suche.test(name)))  
    { gruppe[gruppenwerte]=value;  
      gruppenwerte++;  
    }  
  }  
}  
function WriteCookie()  
{ for(var i=0; i<gruppenwerte; i++)  
  { document.cookie="Gruppe" + i + "=" + gruppe[i] + ";";  
  }  
}  
  
function zu(nr)  
{ gruppe[nr]="zu";  
//für den Fall, dass die Gruppe noch nicht im Cookie enthalten ist  
  if(gruppenwerte<nr+1) gruppenwerte=nr+1;  
  WriteCookie();  
}  
function auf(nr)  
{ gruppe[nr]="auf";  
  WriteCookie();  
}  
  
function start()  
{ for(var gruppe_nr=0; gruppe_nr<gruppenwerte; gruppe_nr++)  
  { if ( gruppe[gruppe_nr] == "zu" )  
    { document.getElementById('Gruppe' + gruppe_nr + ' 1').style.display='block';  
      document.getElementById('Gruppe' + gruppe_nr + ' 2').style.display='none';  
      for(var i=0; i<20; i++)  
      { if(document.getElementById('z' + gruppe_nr + ' ' + i))  
        { document.getElementById('z' + gruppe_nr + ' ' + i).style.display='none';  
        }  
      }  
    }  
    else  
    { document.getElementById('Gruppe' + gruppe_nr + ' 1').style.display='none';  
      document.getElementById('Gruppe' + gruppe_nr + ' 2').style.display='block';  
      for(var i=0; i<20; i++)  
      { if(document.getElementById('z' + gruppe_nr + ' ' + i))  
        { document.getElementById('z' + gruppe_nr + ' ' + i).style.display='block';  
        }  
      }  
    }  
  }  
}  
//-->  
</script>  
</head>  
<body onload='start()'>  
<table id="tab" border="1">  
<tr>  
  <th>Spalte..........1</th>  
  <th>Spalte....2</th>  
</tr>  
<tr id="Gruppe0 1" onclick="auf(0); start(); this.style.display='none'" style="display:none;">  
  <td colspan=2>+ Gruppe0 "click mich"</td>  
</tr>  
<tr id="Gruppe0 2" onclick="zu(0); start(); this.style.display='none'">  
  <td colspan=2>- Gruppe0 "click mich"</td>  
</tr>  
<tr id="z0 0"> <td>z1 f1</td> <td>z1 f2</td>  
</tr>  
<tr id="z0 1"> <td>z2 f1</td> <td>z2 f2</td>  
</tr>  
<tr id="Gruppe1 1" onclick="auf(1); start(); this.style.display='none'" style="display:none;">  
  <td colspan=2>+ Gruppe1 "click mich"</td>  
</tr>  
<tr id="Gruppe1 2" onclick="zu(1); start(); this.style.display='none'">  
  <td colspan=2>- Gruppe1 "click mich"</td>  
</tr>  
<tr id="z1 0"> <td>z1 f1</td> <td>z1 f2</td>  
</tr>  
<tr id="z1 1"> <td>z2 f1</td> <td>z2 f2</td>  
</tr>  
<tr id="Gruppe2 1" onclick="auf(2); start(); this.style.display='none'" style="display:none;">  
  <td colspan=2>+ Gruppe2 "click mich"</td>  
</tr>  
<tr id="Gruppe2 2" onclick="zu(2); start(); this.style.display='none'">  
  <td colspan=2>- Gruppe2 "click mich"</td>  
</tr>  
<tr id="z2 0"> <td>z1 f1</td> <td>z1 f2</td>  
</tr>  
<tr id="z2 1"> <td>z2 f1</td> <td>z2 f2</td>  
</tr>  
<META HTTP-EQUIV=Refresh CONTENT='5; URL=dieseSeite.htm'>  
</body></html>

^^dieseSeite.htm Umbenennen!

MfG
Heimwerker

Beitrag melden
–
Informationen zu den Bewertungsregeln