Visible button after update in form elements

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Mr. Smith

    Visible button after update in form elements

    Hi.
    I have a form with three <textarea> and one <input> element. When either of
    these are changed I want an "Update" button to be visible at the bottom of
    the form. I've tried this:

    On every element I've added this trigger:
    onChange='jsVwB tn()'

    Function like this:
    function jsVwBtn()
    {document.form1 .btnupdate.type = "button";}

    Default the btnupdate type is set to "hidden".

    Some of you might start to laugh now, but as you continue do that please
    give some "state of the art" way to do this.....

    Regards
    Mr. Smith



  • John Beschler

    #2
    RE: Visible button after update in form elements

    Try this:
    <table width=400 cellpadding=0 cellspacing=0 border=1>
    <form name="frmMain" method="post">
    <tr>
    <td width="100%" align="center">
    <textarea cols="60" rows="10" name="txt1"
    onChange="txton Change()"></textarea>
    </td>
    </tr>
    <tr>
    <td width="100%" align="center">
    <textarea cols="60" rows="10" name="txt2"
    onChange="txton Change()"></textarea>
    </td>
    </tr>
    <tr>
    <td width="100%" align="center">
    <textarea cols="60" rows="10" name="txt3"
    onChange="txton Change()"></textarea>
    </td>
    </tr>
    <tr>
    <td width="100%" align="center">
    <input type="button" name="btnOne" value="update" style="visibili ty:
    hidden;">
    </td>
    </tr>
    </form>
    </table>


    </body>
    </html>



    <script language=javasc ript>
    function txtonChange()
    {
    document.frmMai n.btnOne.style. visibility = "visible"
    }

    </script>


    "Mr. Smith" wrote:
    [color=blue]
    > Hi.
    > I have a form with three <textarea> and one <input> element. When either of
    > these are changed I want an "Update" button to be visible at the bottom of
    > the form. I've tried this:
    >
    > On every element I've added this trigger:
    > onChange='jsVwB tn()'
    >
    > Function like this:
    > function jsVwBtn()
    > {document.form1 .btnupdate.type = "button";}
    >
    > Default the btnupdate type is set to "hidden".
    >
    > Some of you might start to laugh now, but as you continue do that please
    > give some "state of the art" way to do this.....
    >
    > Regards
    > Mr. Smith
    >
    >
    >
    >[/color]

    Comment

    • Mr. Smith

      #3
      Re: Visible button after update in form elements

      My man!

      Thanks a lot.

      Mr.Smith
      "John Beschler" <JohnBeschler@d iscussions.micr osoft.com> wrote in message
      news:2B8B2791-D57B-4A5A-8D4F-22490803106D@mi crosoft.com...[color=blue]
      > Try this:
      > <table width=400 cellpadding=0 cellspacing=0 border=1>
      > <form name="frmMain" method="post">
      > <tr>
      > <td width="100%" align="center">
      > <textarea cols="60" rows="10" name="txt1"
      > onChange="txton Change()"></textarea>
      > </td>
      > </tr>
      > <tr>
      > <td width="100%" align="center">
      > <textarea cols="60" rows="10" name="txt2"
      > onChange="txton Change()"></textarea>
      > </td>
      > </tr>
      > <tr>
      > <td width="100%" align="center">
      > <textarea cols="60" rows="10" name="txt3"
      > onChange="txton Change()"></textarea>
      > </td>
      > </tr>
      > <tr>
      > <td width="100%" align="center">
      > <input type="button" name="btnOne" value="update" style="visibili ty:
      > hidden;">
      > </td>
      > </tr>
      > </form>
      > </table>
      >
      >
      > </body>
      > </html>
      >
      >
      >
      > <script language=javasc ript>
      > function txtonChange()
      > {
      > document.frmMai n.btnOne.style. visibility = "visible"
      > }
      >
      > </script>
      >
      >
      > "Mr. Smith" wrote:
      >[color=green]
      > > Hi.
      > > I have a form with three <textarea> and one <input> element. When either[/color][/color]
      of[color=blue][color=green]
      > > these are changed I want an "Update" button to be visible at the bottom[/color][/color]
      of[color=blue][color=green]
      > > the form. I've tried this:
      > >
      > > On every element I've added this trigger:
      > > onChange='jsVwB tn()'
      > >
      > > Function like this:
      > > function jsVwBtn()
      > > {document.form1 .btnupdate.type = "button";}
      > >
      > > Default the btnupdate type is set to "hidden".
      > >
      > > Some of you might start to laugh now, but as you continue do that please
      > > give some "state of the art" way to do this.....
      > >
      > > Regards
      > > Mr. Smith
      > >
      > >
      > >
      > >[/color][/color]


      Comment

      Working...