Toon posts:

[IE] tabel regel verbergen, pulldown wordt niet verborgen

Pagina: 1
Acties:

woensdag 23 februari 2005 10:11

Acties:

Verwijderd

Topicstarter
Ik heb hier dus echt uren over gedaan om erachter te komen.
Ik gebruik vaak in tabellen de colgroup-tag voor de breedtes van de kolommen aan te duiden.
Nu wilde ik in een tabel een regel verbergen waar een pulldown in staat (<select>).
In alle browsers werkte het perfect, behalve in IE 6.x

Ik heb echt van alles geprobeerd, uiteindelijk kwam ik erachter dat <colgroup> voor de problemen zorgt.
IE struikelt hierover en laat dus doodleuk de pulldown op het scherm staan.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script language="javascript" type="text/javascript">
function test(){
    theLayer = document.getElementById('lyrTest');
    (theLayer)?
        theLayer.style.display = (theLayer.style.display=='none')?'block':'none':
        alert('Layer niet gevonden!');
}
function test2(){
    theRow = document.getElementById('regel2');
    if(theRow){
        theRow.style.display = (theRow.style.display=='none')?'':'none';    
    }else{
        alert('regel 2 in tabel niet gevonden!');
    }
}
</script>
</head>

<body>
<form name="form1" id="form1" method="post" action="">
<div id="lyrTest" name="lyrTest" style="position:relative;">
 <select id="tst" name="tst">
  <option value="1">optie 1</option>
  <option value="2">optie 2</option>
  <option value="3">optie 3</option>    
 </select>
</div>
<br />
<a href="javascript:void(0);" onclick="javascript:test();">toggle</a>
</form>
<table style="border: 1px solid #000000;">
 <tr id="regel1">
  <td>kolom 1 </td>
  <td>kolom 2 </td>
 </tr>
 <tr id="regel2">
  <td>kolom 3 </td>
  <td>
    <select id="tst2" name="tst2">
        <option value="1">optie 1</option>
        <option value="2">optie 2</option>
        <option value="3">optie 3</option>
    </select>
  </td>
 </tr> 
 <tr id="regel3">
  <td>kolom 5 </td>
  <td>kolom 6 </td>
 </tr>  
</table>
<br />
<a href="javascript:void(0);" onclick="javascript:test2();">toggle 2</a>
</body>
</html>


Normaal gesproken zou ik dus op regel 37 plaatsen:
<colgroup>
<col width="100" />
<col width="100" />
</colgroup>

woensdag 23 februari 2005 10:16

Acties:
  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

OK, Internet Explorer gaat niet goed om met het tonen van de SELECT wanneer de table niet wordt getoond. Je kan dan toch gewoon in je javascript stukje er ook nog voor zorgen dat de SELECT niet wordt getoond?

woensdag 23 februari 2005 10:54

Acties:

Verwijderd

Topicstarter
Het gaat dus niet om de table, maar om de table-row :)
En ja dat kan, maar het was een constatering ... en een oorzaak die gevonden is.
Wellicht dat in de toekomst er mensen zijn die zich hier ook wezenloos naar zoeken,
daarom starte ik dit topic ...

En op de een of andere manier lukte het niet om ook die selectbox te verbergen i.c.m. colgroup in IE.
Reageer