[JS/CSS] IE probleempje met 'display'

[Verwijderd]

Ik heb een tabel met daarin een row die ik wel/niet wil laten zien door middel van een link. Dit is de code voor de row:

code:

<tr id="react" style="display: none;">

dit voor de link:

code:

<a href="#reageer" class="reactie" onClick="showhidereact();">reageren</a>

en de functie die wordt aangeroepen in de href:

code:

<script language="javascript">
  function showhidereact() {
    var theid = document.getElementById('react');
                        
    if (theid.style.display == 'none') {
      theid.style.display = 'table-row';
    } else {
      theid.style.display = 'none';
    }
  }
</script>

Werkt perfect in Firefox, maar in IE doet ie niks en geeft hij een error:

'Kan de eigenschap display niet opvragen. Ongeldig argument.'

Heeft iemand een idee waar dit foutgaat in IE?

[ Voor 18% gewijzigd door Verwijderd op 02-10-2006 14:42 ]

[crisp]

IE ondersteund table-row niet als display waarde.
gewoon dit doen:

JavaScript:

if (theid.style.display == 'none') {
      theid.style.display = '';

[Verwijderd]

Thanks, werkt perfect.

Lekker handig trouwens dat IE een W3-standaard niet ondersteund.

[BtM909]

Verwijderd schreef op maandag 02 oktober 2006 @ 14:59:
Lekker handig trouwens dat IE een W3-standaard niet ondersteund.

offtopic:
crisp: niet reageren.... Anders krijgen we weer klachten

[crisp]

Dat IE het CSS table-layout model nog steeds niet ondersteund is nog niet het ergste, wat erger is is dat IE een error throwed als je een niet-ondersteunde property-value probeert toe te kennen in plaats van de rule gewoon te negeren zoals de specificatie voorschrijft...

offtopic:
sorry BtM909, kan het niet laten

[ Voor 6% gewijzigd door crisp op 02-10-2006 15:11 ]

[OkkE]

Offtopic: Ik zou trouwens je row in eerste plaats ook d.m.v. Javascript op display:none; zetten. Zo voorkom je dat mensen waar - om wat voor reden dan ook - Javascript uit staat, toch die informatie kunnen zien.

[reddevil]

OkkE schreef op maandag 02 oktober 2006 @ 15:11:
Offtopic: Ik zou trouwens je row in eerste plaats ook d.m.v. Javascript op display:none; zetten. Zo voorkom je dat mensen waar - om wat voor reden dan ook - Javascript uit staat, toch die informatie kunnen zien.

eeehm je wilt js gebruiken om de 1e row op display:none te zetten zodat mensen zonder js het niet kunnen zien?

PS. je kan wel een style.display op een tr zetten hoor in IE, net getest en werkt perfect.

[ Voor 9% gewijzigd door reddevil op 02-10-2006 16:28 ]

[Verwijderd]

reddevil schreef op maandag 02 oktober 2006 @ 16:26:
[...]
eeehm je wilt js gebruiken om de 1e row op display:none te zetten zodat mensen zonder js het niet kunnen zien?

Als je door middel van JS een bepaalde styling uitvoert. Dan werkt die styling toch helemaal niet als JS uitgeschakeld staat. In dat geval komt CSS weer aan de bak. (als baas)

[OkkE]

reddevil schreef op maandag 02 oktober 2006 @ 16:26:
[...]
eeehm je wilt js gebruiken om de 1e row op display:none te zetten zodat mensen zonder js het niet kunnen zien?

Ik stel voor om het met JS te verbergen, en ook met JS (wanneer nodig) weer zichtbaar te maken, zo krijgen mensen die geen JS aan hebben staan, 't toch te zien, en kunnen ze je website alsnog zonder problemen gebruiken.

[reddevil]

OkkE schreef op maandag 02 oktober 2006 @ 17:02:
[...]

Ik stel voor om het met JS te verbergen, en ook met JS (wanneer nodig) weer zichtbaar te maken, zo krijgen mensen die geen JS aan hebben staan, 't toch te zien, en kunnen ze je website alsnog zonder problemen gebruiken.

aah zeg dat dan zo!