Submit Form Notification Message

Discussion in 'ASP General' started by JP, Mar 15, 2007.

  1. JP

    JP Guest

    Hi folks,

    Using ASP and/or JavaScript, how do you create that little
    notification message (usually in red below the submit button) when the
    Submit button is pushed. Something that says "Your information is
    being sent ..."

    Thanks for any assistance.
    JP, Mar 15, 2007
    #1
    1. Advertising

  2. JP

    Evertjan. Guest

    JP wrote on 15 mrt 2007 in microsoft.public.inetserver.asp.general:

    > Using ASP and/or JavaScript,


    ASP is not a programming language, but a serverside platform for
    javascript, VBscript, etc. So the "or" is not possible.

    > how do you create that little
    > notification message (usually in red below the submit button) when the
    > Submit button is pushed. Something that says "Your information is
    > being sent ..."


    It is being done clientside, so ASP cannot do that.

    Please ask a clientside NG, like:

    comp.lang.javascript


    --
    Evertjan.
    The Netherlands.
    (Please change the x'es to dots in my emailaddress)
    Evertjan., Mar 15, 2007
    #2
    1. Advertising

  3. "JP" <> wrote in message
    news:...
    > Hi folks,
    >
    > Using ASP and/or JavaScript, how do you create that little
    > notification message (usually in red below the submit button) when the
    > Submit button is pushed. Something that says "Your information is
    > being sent ..."
    >
    > Thanks for any assistance.
    >


    <script type="text/javascript">

    function doSubmit()
    {
    var form = this.form
    this.nextSibiling.style.visibility = 'visible'
    window.setTimeout(fnSubmit, 0)

    function fnSubmit()
    {
    form.submit()
    }
    }

    </script>

    <input type="button" onclick="doSubmit.call(this)" value="Send" /><br />
    <span style="visibility:hidden; color:red">Sending...</span>
    Anthony Jones, Mar 15, 2007
    #3
  4. JP

    Evertjan. Guest

    Anthony Jones wrote on 15 mrt 2007 in
    microsoft.public.inetserver.asp.general:

    >
    > "JP" <> wrote in message
    > news:...
    >> Hi folks,
    >>
    >> Using ASP and/or JavaScript, how do you create that little
    >> notification message (usually in red below the submit button) when
    >> the Submit button is pushed. Something that says "Your information
    >> is being sent ..."
    >>
    >> Thanks for any assistance.
    >>

    >
    > <script type="text/javascript">
    >
    > function doSubmit()
    > {
    > var form = this.form
    > this.nextSibiling.style.visibility = 'visible'
    > window.setTimeout(fnSubmit, 0)
    >
    > function fnSubmit()
    > {
    > form.submit()
    > }
    >}
    >
    > </script>
    >
    > <input type="button" onclick="doSubmit.call(this)" value="Send" /><br
    > /> <span style="visibility:hidden; color:red">Sending...</span>


    Wouldn't the next sibling be the <br>?

    call Method (JScript 5.6):
    > Calls a method of an object, substituting
    > another object for the current object.


    Could you explain for us mortals what the call() here does?

    --
    Evertjan.
    The Netherlands.
    (Please change the x'es to dots in my emailaddress)
    Evertjan., Mar 15, 2007
    #4
  5. "Evertjan." <> wrote in message
    news:Xns98F46DC104C99eejj99@194.109.133.242...
    > Anthony Jones wrote on 15 mrt 2007 in
    > microsoft.public.inetserver.asp.general:
    >
    > >
    > > "JP" <> wrote in message
    > > news:...
    > >> Hi folks,
    > >>
    > >> Using ASP and/or JavaScript, how do you create that little
    > >> notification message (usually in red below the submit button) when
    > >> the Submit button is pushed. Something that says "Your information
    > >> is being sent ..."
    > >>
    > >> Thanks for any assistance.
    > >>

    > >
    > > <script type="text/javascript">
    > >
    > > function doSubmit()
    > > {
    > > var form = this.form
    > > this.nextSibiling.style.visibility = 'visible'
    > > window.setTimeout(fnSubmit, 0)
    > >
    > > function fnSubmit()
    > > {
    > > form.submit()
    > > }
    > >}
    > >
    > > </script>
    > >
    > > <input type="button" onclick="doSubmit.call(this)" value="Send" /><br
    > > /> <span style="visibility:hidden; color:red">Sending...</span>

    >
    > Wouldn't the next sibling be the <br>?


    You're quite right. I wrote the code then added the BR as an after thought.

    nextSibliling.nextSibling would be necessary.

    >
    > call Method (JScript 5.6):
    > > Calls a method of an object, substituting
    > > another object for the current object.

    >
    > Could you explain for us mortals what the call() here does?


    It calls the doSubmit function as if the input had a doSubmit method
    attached. Hence in the doSubmit execution the 'this' context is the input
    element.

    It could have been written:-

    function doSubmit(elem)
    {
    var form = elem.form
    elem.nextSibling.nextSibiling.style.visibility = 'visible'
    window.setTimeout(fnSubmit, 0)

    function fnSubmit()
    {
    form.submit()
    }
    }

    and onclick would be "doSubmit(this)"

    However I prefer .call since it is consistent with assigning the event
    handler in code:-

    elem.onclick = doSubmit

    Anthony
    Anthony Jones, Mar 15, 2007
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.

Share This Page