...

View Full Version : javascript switch content question



centenial
07-03-2006, 08:20 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title></title>
<script language="javascript">
function selected_value(obj) {
return obj.options[obj.selectedIndex].value
}
function show_node(dom_id) {
document.getElementById(dom_id).style.display = "block";
}
function isolate(my_id) {
for(i = 1; i <= 2; i++) {
if("option" + i == my_id) {
show_node("option" + i);
}
else {
element = document.getElementById("option" + i);
element.style.display = "none";
//element.parentNode.removeChild(element);
}
}
}
</script>
</head>
<body>
<select name="dropdown" onchange="isolate(selected_value(this));">
<option>SELECT</option>
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<div id="option1" style="display: none;">
Div 1 Text
</div>
<div id="option2" style="display: none;">
Div 2 Text
</div>
</body>
</html>


Could someone show me how to do the exact same thing, except with (two) radio buttons?

Thanks!

Beagle
07-03-2006, 09:10 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title></title>
<script language="javascript">
function show_node(dom_id) {
document.getElementById(dom_id).style.display = "block";
}
function isolate(my_id) {
for(i = 1; i <= 2; i++) {
if("option" + i == my_id) {
show_node("option" + i);
}
else {
element = document.getElementById("option" + i);
element.style.display = "none";
//element.parentNode.removeChild(element);
}
}
}
</script>
</head>
<body>
<input type="radio" name="dropdown" onchange="isolate(this.value);" value="option1" /> <span>Option 1</span> <br />
<input type="radio" name="dropdown" onchange="isolate(this.value);" value="option2" /> <span>Option 2</span> <br />
<div id="option1" style="display: none;">
Div 1 Text
</div>
<div id="option2" style="display: none;">
Div 2 Text
</div>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum