🚀 go-pugleaf

The Error:

JavaScript Error: file:/C|WINDOWS/Desktop/otog5.htm, line 7:
Window.Document.Form.text1 has no property named 'value'.

The HTML and SCRIPT and FORM:

<html>
<head>
<script language="JavaScript">
<!-- Hide

function test1(form) {
  if (form.text1.value == "")
    alert("Please enter a string!")
  else { 
   if (form.text1.value == "INCOR")
     parent.location.href="http://www.prostar.com/web/alpine/incor/";
  else {
   if (form.text1.value == "ALPine")
    
parent.location.href="http://www.prostar.com/web/alpine/welcome.htm";}
   }
}


// -->
</script>
</head>

<body>
<form name="first" method="post">
THE ORGANIZATION YOU WANT TO GOTO IS<br>
<select name="test1">
	<option selected value="ALPine">ALPine
	<option value="INCOR">INCOR
</select>
<input type="button" name="button1" value="GOTO"
onClick="test1(this.form)">
<P>
</form>
</body>
</html>

The substitued FORM that does work:

<form name="first">
THE ORGANIZATION YOU WANT TO GOTO IS<br>
<input type="text" name="text1">
<input type="button" name="button1" value="GOTO"
onClick="test1(this.form)">
<P>
</form>

COMMENTS:
unfortunately I want a selection box instead of a text input.
I will want this script and form to be in

 http://www.prostar.com/web/alpine/menu.htm

it is in a frame made by 

http://www.prostar.com/web/alpine/index.htm

I want it to update the middle frame. its name is also middle.
Please help.

Aaron Peterson
Aaron.Peterson@mail.Prostar.com

ALPine information exchange
http://www.prostar.com/web/alpine/

Aaron Peterson wrote:
> <select name="test1">
>         <option selected value="ALPine">ALPine
>         <option value="INCOR">INCOR
> </select>
> <input type="button" name="button1" value="GOTO"
> onClick="test1(this.form)">

Avoid assigning the same names to objects and functions.  I have seen
that confuse JavaScript from time to time.

Danny
"Danny Goodman's JavaScript Handbook"
http://www.dannyg.com

Aaron Peterson wrote:
> 
> The Error:
> 
> JavaScript Error: file:/C|WINDOWS/Desktop/otog5.htm, line 7:
> Window.Document.Form.text1 has no property named 'value'.
> 
> The HTML and SCRIPT and FORM:
> 
> <html>
> <head>
> <script language="JavaScript">
> <!-- Hide
> 
> function test1(form) {
>   if (form.text1.value == "")
>     alert("Please enter a string!")
>   else {
>    if (form.text1.value == "INCOR")
>      parent.location.href="http://www.prostar.com/web/alpine/incor/";
>   else {
>    if (form.text1.value == "ALPine")
> 
> parent.location.href="http://www.prostar.com/web/alpine/welcome.htm";}
>    }
> }
> 
> // -->
> </script>
> </head>
> 
> <body>
> <form name="first" method="post">
> THE ORGANIZATION YOU WANT TO GOTO IS<br>
> <select name="test1">

1.0  The "test1" should be "text1"

>         <option selected value="ALPine">ALPine
>         <option value="INCOR">INCOR
> </select>
> <input type="button" name="button1" value="GOTO"
> onClick="test1(this.form)">
> <P>
> </form>
> </body>
> </html>

{snip}

2.0 The value for the selected "text1" is not picked up by the script. 
    I tested it. The script gives the value as "null".
    Perhaps, some more experienced in <FORM> can offer an explanation.

Peng Khor

-- 
=======================================================================
Peng Aun Khor		 Email	: Mailto:Peng.Khor@hydro.on.ca
H11 G04 Ontario Hydro	 Phone	: (416) 592 8396
Canada M5G 1X6		 Fax	: (416) 592 4849

---------------------------------------------------------------------------

Just a followup and a solution to the problem.

You cannot use text1.value for the select parameter.
You must make use of the index of the options.

The following modified html works.

 <html>
 <head>
 <script language="JavaScript">
 <!-- Hide
 
 function test1(form) 
{
 
  index=form.text1.selectedIndex;  
  if (form.text1.options[index].text == "")
    {alert("Please enter a string!");}
  else if (form.text1.options[index].text == "INCOR")
   { parent.location.href="http://www.prostar.com/web/alpine/incor/";}
  else if (form.text1.options[index].text == "ALPine")
   {
parent.location.href="http://www.prostar.com/web/alpine/welcome.htm";}
 }
 // -->
 </script>
 </head>
 <body>
 <form name="first" method="post">
 THE ORGANIZATION YOU WANT TO GOTO IS<br>
 <select name="text1">
 <option selected value="ALPine">ALPine
 <option value="INCOR">INCOR
 </select>
 <input type="button" name="button1" value="GOTO"
 onClick="test1(this.form)">
 <P>
 </form>
 </body>
 </html>

 Have more fun in your web authoring !

Peng Khor