Announcement

**adios** · Jul 2, 2002, 07:35 PM

<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="JavaScript">

function show(id) {
var el;
if (typeof document.all != 'undefined') el = document.all(id);
else if (typeof document.getElementById != 'undefined') el = document.getElementById(id);
if (el && el.style) el.style.visibility = 'visible';
}

function hide(id) {
var el;
if (typeof document.all != 'undefined') el = document.all(id);
else if (typeof document.getElementById != 'undefined') el = document.getElementById(id);
if (el && el.style) el.style.visibility = 'hidden';
}

</script>
</head>
<body>
<form>
Management: <input name="management" type="radio" value="yes"
onclick=" show('mgmt_rad');show('mgmt_sel_yes');
hide('mgmt_sel_no')">
<strong> yes
<input name="management" type="radio" value="no"
onclick=" hide('mgmt_rad');hide('mgmt_sel_yes');
show('mgmt_sel_no')">
no </strong>
<span id="mgmt_rad" style="border:3px black double;visibility:hidden;">
<input name="management_choice" type="radio" value="something">something
<input name="management_choice" type="radio" value="another">another
<input name="management_choice" type="radio" value="also">also
</span><br><br>
<div style="position:relative;">
<span id="mgmt_sel_yes"
style="position:absolute;top:0px;left:0px;
visibility:hidden;">
<select>
<option>management = yes</option>
<option></option>
<option></option>
</select>
</span>
<span id="mgmt_sel_no"
style="position:absolute;top:0px;left:0px;
visibility:hidden;">
<select>
<option>management = no </option>
<option></option>
<option></option>
</select>
thingy: <input name="management_thingy" type="checkbox" value="jeepzy3">
</span>
</div>
</form>
</body>
</html>

**jeepzy3** · Jul 2, 2002, 10:48 PM

Thanks!

That worked great for IE and Netscape 6.2. It's exactly what I wanted. But what if you have Netscape 4?

Also can you recommend a tutorial on the web that would show me the basics of CSS? Is "CSS" what I need to read up on?

**adios** · Jul 2, 2002, 11:07 PM

But what if you have Netscape 4?

It may be time for mandatory upgrade prompts for Navigator holdouts. In this case, you'd need to put each show/hide group of elements in its own layer, in their own form, yadda-yadda-yadda...then the fun starts, transferring the data to hidden fields so everything can be submitted in one go. I've done this for free before, but my carpal tunnel is acting up.

HTML/CSS/JavaScript - XML as well, are all client-side necessities. I'd review them in that order, and there's no substitute for a good book! If you're serious, check out O'Reilly. CSS:

W3Schools Free Online Web Tutorials

http://www.w3schools.com/

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

**jeepzy3** · Jul 8, 2002, 10:26 AM

Thanks for the hint. I wouldn't had known to put the elements in their own forms within the layers - that's pretty kludgey.

**Vladdy** · Jul 8, 2002, 10:34 AM

You may want to try using 'display' attribute with 'block' and 'none' options instead of 'visibility visible/hidden' - this would remove the content of that division out of the flow without leaving a blank space.

Announcement

how do you make objects visible/invisible depending on action of another object

how do you make objects visible/invisible depending on action of another object

Comment

Comment

Comment

Comment

Comment