jscript error

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
zuzupus
Forum Commoner
Posts: 70
Joined: Thu Jul 17, 2003 4:54 am

jscript error

Post by zuzupus »

hi,

im fed from this jscript error that document.form is null i dont no whats happening when im giving onchange on one dropdown but at the same time it works fine for another dropdown actually the ides is when user select item from dropdown it displays on text but it throw error

if anybody rectify this error will be appreciable

thanks

Code: Select all

<html>

<head>
<title>Beschreibung</title>


 <SCRIPT language="JavaScript">
                    function goH()
                    &#123;
                             var Current =  document.FORMhvorgang.hvorgang.selectedIndex;
                             document.FORMhvorgang.NEWhvorgang.value = document.FORMhvorgang.hvorgang.options&#1111;Current].text;
                    &#125;
                    function go()
                    &#123;
                             var Current =  document.FORMuvorgang.uvorgang.selectedIndex;
                             document.FORMuvorgang.NEWuvorgang.value = document.FORMuvorgang.uvorgang.options&#1111;Current].text;
                    &#125;

               </script>
</head>

</head>

         <body leftmargin="0" topmargin="0"  marginwidth="0" marginheight="0" bgcolor="#666666">
         
         <form action="useradmin.php" name="theForm" method="post">
         
            <TD rowspan="2" align="left" valign="top">

              <TABLE border="1" width="170" height="1" bgcolor="#666666" align="left" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">
                             <TR bordercolor="#FFFFFF" bgcolor="#333333">
                               <TD height="1" colspan="3">
                                 <P align="center"><B><FONT face="Arial" size="2" color="#FF6600">Hauptvorgang</FONT></P>
                               </TD>
                             </TR>

                             <TR bordercolor="#FF6600">
                                    <TD nowrap>Enter Option Name:
                                      <form name=FORMhvorgang action='' method=post>
                                                        <input type=text size=10 name=NEWhvorgang>
                                                        <SELECT name=hvorgang onchange='goH();'><option value=11>Orga</option><option value=22>Pause</option>  </SELECT> <input type=submit name=add value=add>
                                                             <input type=hidden name=id>
                                                        <input type=submit name=remove value=remove>
                                                             <input type=submit name=update value=update></form>                                    </TD>
                                  </TR>

                                  <TR bordercolor="#FFFFFF" bgcolor="#333333">
                               <TD height="1" colspan="3">
                                 <P align="center"><B><FONT face="Arial" size="2" color="#FF6600">Untervorgang</FONT></P>
                               </TD>
                             </TR>

                                 <TR bordercolor="#FF6600">
                                    <TD nowrap>Enter Option Name:
                                      <form name=FORMuvorgang action='useradmin.php' method=post>
                                                        <input type=text size=10 name=NEWuvorgang>
                                                        <SELECT name=uvorgang onchange='go();'><option value=9>Aufräumen</option><option value=8>Emails Lesen</option><option value=10>Installation/Rep</option><option value=11>Besorgung</option><option value=12>Pause</option>  </SELECT> <input type=submit name=add value=add>
                                                        <input type=submit name=remove value=remove>
                                                             <input type=submit name=update value=update></form>                                    </TD>
                                  </TR>


              </TABLE>

                          
        
        </FORM>
           </body>

</html>
User avatar
JayBird
Admin
Posts: 4524
Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:

Post by JayBird »

you seem to have 2 forms inside one larger form. Don't know if this is what you intended, but if you remove the larger form the whole thing works (Dont know why one worked and the other didn't though!?!?)

Code: Select all

<html>
<head>
<title>Beschreibung</title>
<SCRIPT language="JavaScript"> 
                    function goH() 
                    &#123; 
                             var Current =  document.FORMhvorgang.hvorgang.selectedIndex; 
                             document.FORMhvorgang.NEWhvorgang.value = document.FORMhvorgang.hvorgang.options&#1111;Current].text; 
                    &#125; 
                    function go() 
                    &#123; 
                             var Current =  document.FORMuvorgang.uvorgang.selectedIndex; 
                             document.FORMuvorgang.NEWuvorgang.value = document.FORMuvorgang.uvorgang.options&#1111;Current].text; 
                    &#125; 

               </script>
</head>
</head>
<body leftmargin="0" topmargin="0"  marginwidth="0" marginheight="0" bgcolor="#666666">
<TD rowspan="2" align="left" valign="top">
  <TABLE border="1" width="170" height="1" bgcolor="#666666" align="left" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">
  <TR bordercolor="#FFFFFF" bgcolor="#333333">
    <TD height="1" colspan="3">
      <P align="center"><B><FONT face="Arial" size="2" color="#FF6600">Hauptvorgang</FONT></P>
    </TD>
  </TR>
  <TR bordercolor="#FF6600">
    <TD nowrap>Enter Option Name:
<form name=FORMhvorgang action='' method=post>
  <input type=text size=10 name=NEWhvorgang>
  <SELECT name=hvorgang onchange='goH();'>
    <option value=11>Orga</option>
    <option value=22>Pause</option>
  </SELECT>
  <input type=submit name=add value=add>
  <input type=hidden name=id>
  <input type=submit name=remove value=remove>
  <input type=submit name=update value=update>
</form>
</TD>
</TR>
<TR bordercolor="#FFFFFF" bgcolor="#333333">
  <TD height="1" colspan="3">
    <P align="center"><B><FONT face="Arial" size="2" color="#FF6600">Untervorgang</FONT></P>
  </TD>
</TR>
<TR bordercolor="#FF6600">
  <TD nowrap>Enter Option Name:
    <form name=FORMuvorgang action='useradmin.php' method=post>
      <input type=text size=10 name=NEWuvorgang>
      <SELECT name=uvorgang onchange='go();'>
        <option value=9>Aufräumen</option>
        <option value=8>Emails Lesen</option>
        <option value=10>Installation/Rep</option>
        <option value=11>Besorgung</option>
        <option value=12>Pause</option>
      </SELECT>
      <input type=submit name=add value=add>
      <input type=submit name=remove value=remove>
      <input type=submit name=update value=update>
    </form>
  </TD>
</TR>
</TABLE>
</body>
</html>
Mark
User avatar
Vincent Puglia
Forum Commoner
Posts: 67
Joined: Thu Sep 04, 2003 4:20 pm
Location: where the World once stood

Post by Vincent Puglia »

Hi,

Also, there is no need for 2 functions. Send the selection list object, the selectedIndex, and the text field object as parameters:

Code: Select all

function go(selObj, ndx, fldObj) 
{ 
  fldObj.value = selObj.options[ndx].text; 
} 

<SELECT name=uvorgang onchange="go(this, this.selectedIndex, this.form['NEWuvorgang']);">

Vinny
zuzupus
Forum Commoner
Posts: 70
Joined: Thu Jul 17, 2003 4:54 am

Post by zuzupus »

thanks vincent for ur advice now its workign fine :)
User avatar
Vincent Puglia
Forum Commoner
Posts: 67
Joined: Thu Sep 04, 2003 4:20 pm
Location: where the World once stood

Post by Vincent Puglia »

You're welcome :)

Vinny
Post Reply