<!------------------------------------------ File Form_example.html Illustrates JavaScript and Forms --------------------------------------------> <HTML> <HEAD> <TITLE>Form Example</TITLE> </HEAD> <BODY onLoad = "Page_Initialize()"> <CENTER> <H2>A Small Translator Program</H2> <FORM Name = "Form1"> <INPUT TYPE = Text Name = Textbox size = 25> </FORM> <FORM Name = "Form2"> <INPUT TYPE = Text Name = Textbox size = 25> </FORM> <FORM> <INPUT TYPE = Button Value = "Message1" onClick = "ShowMessage1()"> <INPUT TYPE = Button Value = "Message2" onClick = "ShowMessage2()"> <INPUT TYPE = Button Value = "Reset" onClick = "ResetAll()"> <BR> <INPUT TYPE = Radio Checked Name = RadioGroup onClick = "DoEnglish()" >English <INPUT TYPE = Radio Name = RadioGroup onClick = "DoFrench()" >French </FORM> </CENTER> <SCRIPT LANGUAGE = JavaScript> var LanguageFlag = "English" function Page_Initialize() { document.Form1.Textbox.value = "Bilingualism Today!" document.Form2.Textbox.value = "bilinguisme d'aujourd'hui!" } function DoEnglish() { LanguageFlag = "English" } function DoFrench() { LanguageFlag = "French" } function ShowMessage1() { if (LanguageFlag == "English") { document.Form1.Textbox.value = "Bingo!" } if (LanguageFlag == "French") { document.Form1.Textbox.value = "Le Bingo!" } } function ShowMessage2() { if (LanguageFlag == "English") { document.Form2.Textbox.value = "Bongo!" } if (LanguageFlag == "French") { document.Form2.Textbox.value = "La Bongo!" } } function ResetAll() { document.Form1.Textbox.value = "" document.Form2.Textbox.value = "" } </SCRIPT> </BODY> </HTML>