Toon posts:

[JS/HTML] Weergegeven na verandering van variable

Pagina: 1
Acties:

maandag 31 december 2001 12:23

Acties:
  • Vulpecula
  • Registratie: April 2001
  • Laatst online: 14-09 23:54

Vulpecula

Topicstarter
Ik gebruik het onderstaand javascript om iets pas weer te geven na het selecteren van waarde. Het werkt perfect in IE maar als ik het ga testen in Netscape dan werkt het niet.
Weet iemand een oplossing?
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
60
61
62
63
64
65
66
67
68
69
70
71
72

<html>
<head>

<style type="text/css">
#checkbox {
  position: relative;
  visibility: hidden;
 }

</style>

<title>Form</title>

<script language="javascript" type="text/javascript">

//var select = "5";


function getStyle( layer ) {
      if( document.getElementById ) {
            return document.getElementById( layer ).style
      } else if( document.all ) {
            return document.all[layer].style
      } else {
            return document[layer]
      }
}


function makeVisible() {
   getStyle('checkbox').visibility='visible';
  }


function makeInvisible() {
   getStyle('checkbox').visibility='hidden';
  }



function checkSelect(waarde) {
   if (waarde == "wel") {
    makeVisible();
    }
   else if (waarde == "niet") {
     makeInvisible();
   }
 }



</script>
</head>

<body>

<form name="form1" action="#">
<select name="select" onChange="checkSelect(this.value)">
 <option value="niet">-----Kies een item-----</option>
 <option value="wel">Toon checkbox WEL</option>
 <option value="niet">Toon checkbox NIET</option>
</select>

<br>

<span id="checkbox"><input type="checkbox" value="checkbox"
name="checkbox">Tekst</span>


</form>
</body>
</html>

maandag 31 december 2001 14:30

Acties:

Verwijderd

Kijk hier eens;
http://212.79.233.113/public/GOTForum/layers/test1.html
en
[topic=154205/1/25]

NS 4 gebruikt hide ipv hidden toch ??

maandag 31 december 2001 17:02

Acties:
  • Vulpecula
  • Registratie: April 2001
  • Laatst online: 14-09 23:54

Vulpecula

Topicstarter
Oke, ik heb het zo aangepast, maar ik wil nu een <TR> laten verdwijnen of weergeven. Ik heb nu dit. In netscape doet hij het nog niet. Ligt het nu dan aan die <TR>? Wie weet er een betere oplossing?
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

<script language="JavaScript">
<!--
    //var NS4=document.layers;

    function doShowLayer()
    {
            if (document.layers){document.layers["textarea"].visibility = "visible";}
            else {document.getElementById('textarea').style.visibility = "visible";}
      }

    function doHideLayer()
      {
            if (document.layers){document.layers["textarea"].visibility = "hide";}
            else {document.getElementById('textarea').style.visibility = "hidden";}
      }
//-->
</script>";

</head>

<body>

<form name="form1" action="#">
<select name="select" onChange="doShowLayer()">
 <option value="niet">-----Kies een item-----</option>
 <option value="wel">Toon checkbox WEL</option>
 <option value="niet">Toon checkbox NIET</option>
</select>

<br>

<tr id="textarea">
    <td>Beschrijving categorie</td>
    <td><TEXTAREA rows="4" cols="30" name="beschrijving_categorie"></TEXTAREA></td>
     </tr>
Reageer