Page 1 of 1

jscript error

Posted: Tue Sep 09, 2003 4:55 am
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>

Posted: Tue Sep 09, 2003 5:11 am
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

Posted: Tue Sep 09, 2003 9:12 am
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

Posted: Wed Sep 10, 2003 6:16 am
by zuzupus
thanks vincent for ur advice now its workign fine :)

Posted: Wed Sep 10, 2003 7:29 am
by Vincent Puglia
You're welcome :)

Vinny