> 
- Home Page
- > Script JavaScript
- > Script JavaScript Form
- > Dynamic Forms
Dynamic Forms
A Form with some fields that you can visualize or not.
<html>
<head>
</head>
<body>
<span id="divt1" style="visibility:visible;position:relative;top:0;left:0">
<form action="javascript:#">
Type 1 Input: <input name="t1" type="text" value="">
</form>
</span>
<span id="divt2" style="visibility:visible;position:relative;top:0;left:0;">
<form action="javascript:#">
Type 2 Input: <input name="t2" type="text" value="">
</form>
</span>
<form>
Type 1 Visible <input name="r1" type="radio" checked value="" onClick="toggleT('divt1','s')">
Hidden <input name="r1" type="radio" value="" onClick="toggleT('divt1','h')"><BR>
Type 2 Visible <input name="r2" type="radio" checked value="" onClick="toggleT('divt2','s')">
Hidden <input name="r2" type="radio" value="" onClick="toggleT('divt2','h')">
</form>
<script type=text/javascript>
// _w : which ID (1) or (2)
// _h : (h)ide or (s)how
function toggleT(_w,_h) {
if (document.all) { // is IE
if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
} else { // is NS? -- just guessing for this simple example...
if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
}
}
</script>
</body>
</html>
