Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Hide Textboxes 2
- Thread starter AgentM
- Start date
-
1
- #2
RobSchultz
Programmer
Here you go...
Hope it helps, Rob
robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
Code:
<html>
<script language="javascript">
function SwitchTextBox(){
var z=document.forms.frmDemo
if (z.chk0.checked==true){
z.txt0.style.visibility = "hidden"
z.txt1.style.visibility = "visible"
}
else{
z.txt0.style.visibility = "visible"
z.txt1.style.visibility = "hidden"
}
}
</script>
<body onLoad="SwitchTextBox();">
<form id=frmDemo name=frmDemo>
<input type=checkbox id=chk0 name=chk0 onClick="SwitchTextBox();" checked><br>
<input type=text id=txt0 name=txt0><br>
<input type=text id=txt1 name=txt1>
</form>
</body>
</html>Hope it helps, Rob
robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
- Thread starter
- #3
That works great.....
Thank you very much
I am new to Javascript
Could you recomend some advanced online turorials.
Also can you tell me Why did u use <body onload=Functioname()>
What if I have two forms or more thatn two functions that need to be executed.
Rosh
Thank you very much
I am new to Javascript
Could you recomend some advanced online turorials.
Also can you tell me Why did u use <body onload=Functioname()>
What if I have two forms or more thatn two functions that need to be executed.
Rosh
RobSchultz
Programmer
Could you recomend some advanced online turorials.
---------
---------
Also can you tell me Why did u use <body onload=Functioname()>
---------
So as to set the initial state of hidden/visible of the text boxes. The "checked" property at the end of the input type=checkbox controls this.
---------
What if I have two forms or more thatn two functions that need to be executed.
---------
two forms would require a slightly different, more modular, approach. See below (demonstrates everything you asked about)...
two (or more) functions can be executed by separating the functions with ";" ala onClick="DoFunction1();DoFunction2();"
---------
Rob
robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
---------
---------
Also can you tell me Why did u use <body onload=Functioname()>
---------
So as to set the initial state of hidden/visible of the text boxes. The "checked" property at the end of the input type=checkbox controls this.
---------
What if I have two forms or more thatn two functions that need to be executed.
---------
two forms would require a slightly different, more modular, approach. See below (demonstrates everything you asked about)...
two (or more) functions can be executed by separating the functions with ";" ala onClick="DoFunction1();DoFunction2();"
---------
Code:
<html>
<script language="javascript">
function SwitchTextBox(oForm){
var z=document.forms[oForm]
if (z.chk0.checked==true){
z.txt0.style.visibility = "hidden"
z.txt1.style.visibility = "visible"
}
else{
z.txt0.style.visibility = "visible"
z.txt1.style.visibility = "hidden"
}
}
</script>
<body onLoad="SwitchTextBox('frmDemo1');SwitchTextBox('frmDemo2');">
<p>Form 1:<br>
<form id=frmDemo1 name=frmDemo1>
<input type=checkbox id=chk0 name=chk0 onClick="SwitchTextBox('frmDemo1');" checked><br>
1: <input type=text id=txt0 name=txt0><br>
2: <input type=text id=txt1 name=txt1>
</form></p>
<p>Form 2:<br>
<form id=frmDemo2 name=frmDemo2>
<input type=checkbox id=chk0 name=chk0 onClick="SwitchTextBox('frmDemo2');"><br>
1: <input type=text id=txt0 name=txt0><br>
2: <input type=text id=txt1 name=txt1>
</form></p>
</body>
</html>robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
- Thread starter
- #5
- Thread starter
- #6
A javaScript problem
I get an error in the bottom status bar of IE when the onchange event is called , here's the code..
What am I missing?
<HTML>
<BODY>
<SCRIPT language="JavaScript">
function CalSelDetails()
{
var Sid = document.myform.txtSid.value;
document.myform.txtSname.value = Sid;
}
end function
</SCRIPT>
<FORM name="myform">
Id: <INPUT size="20" type="text" id= "txtSid" name="txtSid" onchange="CalSelDetails();"> <BR>
name:
<INPUT size="20" type="text" id="txtSname" name="txtSname" ><BR>
Department:
<INPUT size="20" type="text" name="txtSdept">
</FORM>
</BODY>
</HTML>
I get an error in the bottom status bar of IE when the onchange event is called , here's the code..
What am I missing?
<HTML>
<BODY>
<SCRIPT language="JavaScript">
function CalSelDetails()
{
var Sid = document.myform.txtSid.value;
document.myform.txtSname.value = Sid;
}
end function
</SCRIPT>
<FORM name="myform">
Id: <INPUT size="20" type="text" id= "txtSid" name="txtSid" onchange="CalSelDetails();"> <BR>
name:
<INPUT size="20" type="text" id="txtSname" name="txtSname" ><BR>
Department:
<INPUT size="20" type="text" name="txtSdept">
</FORM>
</BODY>
</HTML>
-
1
- #7
- Thread starter
- #8
- Status
Similar threads
- Locked
- Question
- Locked
- Question