<html>
<head>
<title>Click and show</title>
<style type="text/css">body {font-family: Verdana;}</style>
<script language="Javascript">
<!-- Begin
// -- Contact verify
function button_show ( )
{ valid = true;
if ( document.tlform.Name.value == "" )
{alert ( "Please click a radio button for the nature of your request." ); valid = false;}
return valid;}
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
function showdetails(el) {
if (el.value == "Edit") {document.getElementById('text').style.display = "block";}
else {document.getElementById('text').style.display = "none";
document.getElementById('eded').value = ''; } }
// End -->
</script>
</head>
<body>
<div align="center">
<p>Radio Button Option Drop Down</p>
<form name="tlform" action="#" method="post" onSubmit="return button_show ( );">
<small><b>Pick an option: </b> <br>
Yes <input type="radio" name="request" value="Edit" onclick="showdetails(this);"> -
No <input type="radio" name="request" value="Delete" onclick="showdetails(this);" checked></small><br>
<div id="text" style="display:none;" align=center><small>Some kind of text.</small><br>
<input type="text" name="editdetails" class="iparea" id="eded" value="">
<br>
The form element could be anything.<br>
Just insert the code into a form.
</div>
</form>
</div>
</body></html>
Ceylon Tea