how to run jquery modal dialog in button click event?

Question

2.33/5 (3 votes)

See more:

really I didnt find anyhing like I want....

there is a fade and popup jquery model dialog this is link: Easy jQuery Modals dialog

I want to use this modal dialog for login page login page has two textbox and a button for ex.

you will enter your user name and password and then click the button.button click event goto my sql database table and you are a member or not return this...
if you no a member this jquery modal will run gives me error messaje you are not a member....

how to do my friends..thanks for your help

Posted 2-Jan-13 12:34pm

Member-2338430

Updated 2-Jan-13 17:34pm

Abhishek Pant

v2

Add a Solution

3 solutions

Solution 1

Read the tutorials on that site. Look at the examples. If you want help after that, post code so we can see what you're doing.

Posted 2-Jan-13 12:42pm

Christian Graus

Comments

Member-2338430 2-Jan-13 18:51pm

is this your solution just advise

Christian Graus 2-Jan-13 19:23pm

There is no solution to idiocy and illiteracy.

Member-2338430 3-Jan-13 16:42pm

if you say like that you r idiocy and illiteracy you didnt understant anything or not read so writing to tell you something...there is 3 or 4 member in this site they are writing code in NASA :)heuheuheuheuh you are programmer other member idiot

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2013-01-02T12:44:00

Solution 2

Please see:
http://docs.jquery.com/UI/API/1.8/Dialog[^],
http://forum.jquery.com/topic/blockui-modal-dialog-issue[^],
http://jqueryui.com/dialog/[^].

Or you may need a modal window, which is somewhat different thing:
http://www.queness.com/resources/html/modal/jquery-modal-window.html[^].

Using the keywords "jQuery", "modal", "window" and "dialog" with some search engine, you can find good number of samples, jQuery plug-ins with demo.

—SA

Posted 2-Jan-13 12:44pm

Sergey Alexandrovich Kryukov

Comments

Member-2338430 2-Jan-13 18:46pm

thanks

Sergey Alexandrovich Kryukov 2-Jan-13 18:50pm

You are welcome.
OK, will you then accept the answer formally (green button)? — thanks.
—SA

Member-2338430 2-Jan-13 18:58pm

I think these links not about my question so ı didnt use green button
how to run modal dialog in button click event my question is net?

Sergey Alexandrovich Kryukov 2-Jan-13 19:00pm

Whatever, but I wonder what else are you missing? Don't know how to handle a click, or what? :-)
—SA

Member-2338430 2-Jan-13 19:07pm

thanks :)

Sergey Alexandrovich Kryukov 2-Jan-13 19:08pm

You are very welcome.
Best wishes in New Year, call again.
—SA

Aditya Magotra · Accepted Answer · 2013-01-02T17:23:00

hi,

on button click id user credential is not valid then register this script from server side.

function DisplayDialog() {
    $("#dialog").dialog({
        buttons: {
            'OK': function() {
                $(this).dialog('close'); // Close dialog                
            },
            'Cancel': function() {
                $(this).dialog('close'); // Close dialog
            }
        }
    })
}

For more information check this link http://jqueryui.com/dialog/[^]