Alert message with jQuery

Question

I need to output alert message if val = -1, but the problem is that this message appears at the bottom of the page and this does not depend on the value of val.

if ($val == -1) 
        echo '
        <script>
            $(function() {
                $( "#dialog:ui-dialog" ).dialog( "destroy" );
                $( "#dialog-message" ).dialog({
                    modal: true,
                    buttons: {
                        Ok: function() {
                            $( this ).dialog( "close" );
                        }
                    }
                });
            });
        </script>
        ';
    else { //...  }


<div id="dialog-message" title="Process failed.">
<p><span class="ui-icon ui-icon-circle-check"
    style="float: left; margin: 0 7px 50px 0;"></span> Error message.</p>
</div>

Your HTML is outside of your if statement, meaning that it will always display. You need to use css to hide it and what I would also do, is only add the HTML for the dialog when you need to show it, i.e. within the if statement. — Gavin
– Gavin, Commented May 24, 2012 at 13:18

Imdad · Accepted Answer · 2012-05-24 13:17:21Z

1

To hide the div use css

#dialog-message{
 display:none;
}

For a better alert there is a nice plugin for Alert, Confirm & Prompt use that plugin

http://labs.abeautifulsite.net/archived/jquery-alerts/demo/

It's download page is here

http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/

answered May 24, 2012 at 13:17

Imdad

6,0424 gold badges37 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ankur Verma · Accepted Answer · 2012-05-24 13:21:48Z

1

You can use position function to position the dialog:

Link

answered May 24, 2012 at 13:21

Ankur Verma

5,93316 gold badges62 silver badges95 bronze badges

Comments

Rob Forrest · Accepted Answer · 2012-05-24 13:16:05Z

0

What's wrong with the good old fashioned alert() javascript function? It should do the job just fine in this situation.

answered May 24, 2012 at 13:16

Rob Forrest

7,4809 gold badges55 silver badges69 bronze badges

Collectives™ on Stack Overflow

Alert message with jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related