[js] netscape bakt er niks van (style) - Softwareontwikkeling

woensdag 21 augustus 2002 23:38

Acties:

cli, hlt.

Topicstarter

lees ff deze code:

<html>
<head>
<title>testspul</title>
</head>
<body>
<script language="javascript">

</script>
<p><a onClick="klik()">blaaaat!</a></p>

<span id=tekst style="display: none">
lalalalalala!
</span>
</body>
</html>

niks mis mee, ie4 (en prolly dus ook 5 en 6) laat leuk het gezang verschijnen en verdwijnen als je op het gemekker klikt.

maar nu netscape...

ik zit het te testen in 6.2 (4.0 hebbik niet, wil ik wel, maar das een ander verhaal), en als je de style in de code bij de span wijzigt werkt het wel, maar als op het gemekker klikt gebeurd er dus geen drol.

Na zowat (denk ik) alles uitgeprobeerd te hebben (hoofdletters ed) wordt ik nu toch wel een beetje kriegel...

Wie heeft enig idee hoe deze code wat gaat uitvoeren in netscape?

Spolap: Interactive webcomic

woensdag 21 augustus 2002 23:42

Acties:

edie

simpel

code:

<script type="text/javascript">
<!--
function klik()
{
 alert("blub!");
 elmt = document.getElementById('tekst');
 if ( elmt.style.display == "none")
 {
  elmt.style.display = "block";
 }
 else
 {
  elmt.style.display = "none";
 }
}
//-->
</script>

Trouwens, <script> moet tussen de <head>-tags.

"In America, consumption equals jobs. In these days, banks aren't lending us the money we need to buy the things we don't need to create the jobs we need to pay back the loans we can't afford." - Stephen Colbert

woensdag 21 augustus 2002 23:52

Acties:

crisp

Devver

Pixelated

Je gaat er hier van uit dat het element 'tekst' een propertie is van het window object (hoogste level). Dit is waar binnen het document.all object model, maar da's IE-only. Het beste is om een method-sniffer te gebruiken:

code:

<script type="text/javascript">
<!--
function klik() {
  if (document.getElementById) {
    elmt = document.getElementById('tekst');
  } else if (document.all) {
    elmt = document.all['tekst'];
  }
  if ( elmt.style.display == "none") {
    elmt.style.display = "block";
  } else {
   elmt.style.display = "none";
  }
}
//-->
</script>

Intentionally left blank

woensdag 21 augustus 2002 23:54

Acties:

wacco

cli, hlt.

Topicstarter

okee...

het werkt.

$_/-\o_$

thanx

Spolap: Interactive webcomic