Click to See Complete Forum and Search --> : which form is visible
LuigiX
10-16-2003, 01:24 AM
Hi
I have 2 forms, only one can be visible at a time (visibility controlled by option buttons).
I simply want to put a test for which form is visbile inside an "if" statement, then assign the form to a variable "theform" as follows:
theform=document.form1 or
theform=document.form2
Can anyone help?
CHeers
Luigi
Khalid Ali
10-16-2003, 01:52 AM
this should do it.
<script type="text/javascript">
<!--
var theform;
function setCurrent(frmName){
if((theform=getVisibleForm())==null){
theform = document.getElementById(frmName);
theform.style.visibility = "visible";
}else{
theform.style.visibility = "hidden";
theform = document.getElementById(frmName);
theform.style.visibility = "visible";
}
}
function setDefaultForm(){
var frms = document.getElementsByTagName("form");
for(var n in frms){
if(frms[n].style!=null){
frms[n].style.visibility = "hidden";
}
}
}
function getVisibleForm(){
var frms = document.getElementsByTagName("form");
for(var n in frms){
if(frms[n].style!=null && frms[n].style.visibility=="visible"){
return frms[n];
}
}
return null;
}
//-->
</script>
</head>
<body onload="setDefaultForm();">
<input type="radio" name="rd" value="form1" onclick="setCurrent(this.value);"/>Form1<br/>
<input type="radio" name="rd" value="form2" onclick="setCurrent(this.value);"/>Form2<br/>
<input type="radio" name="rd" value="Niether" onclick="setDefaultForm();"/>Niether<br/>
<form id="form1" style="visibility:hidden;" action="" onsubmit="return Process();">
<input type="text" name="t1" value="Form1 text field1"/>
<input type="submit" value="process" />
</form><br/>
<form id="form2" style="visibility:hidden;" action="" onsubmit="return Process();">
<input type="text" name="t1" value="Form2 text field1""/>
<input type="submit" value="process" />
</form>
</body>
LuigiX
10-16-2003, 01:57 AM
Thanks Khalid
I've been battling bravely for days on this one
Cheers
Luigi
Khalid Ali
10-16-2003, 02:01 AM
:D
you are welcome ....