1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Showing alert after post is successfully submitted (shown) on a thread

Discussion in 'Styling and Customization Questions' started by tonnyz, Dec 27, 2014.

  1. tonnyz

    tonnyz Member

    Hi, I want to display an alert after my post is successfully posted and shown on the thread_view.

    I tried these on my quick_reply template :

    1. Adding showAlert class for my form

    Code:
    <div class="quickReply message">
      
        <xen:include template="message_user_info">
            <xen:map from="$visitor" to="$user" />
            <xen:set var="$isQuickReply">1</xen:set>
        </xen:include>
    
    
        <form action="{xen:escape $formAction, false}" method="post" class="showAlert AutoValidator blendedEditor" data-optInOut="OptIn" id="QuickReply">
    
    2. Next, adding a piece of code beneath
    Code:
    <script>
    $(document).ready(function() {
        $('.showAlert').submit(function() {
           alert('submitted!')
        });
    });
    </script>
    The problem is : the script always runs right after the reply button is clicked, no matter whether the post is successfully posted or not while some causes may prevent the post from being shown (i.e. must wait for 20 seconds, etc)

    How should I handle this so that the alert will only be shown right after the post submitted has successfully been shown on the thread ?

    Thanks :)
     

Share This Page