Which jQuery files need to be included to create Modal pop up using Jquery in ASP.Net

Question

3.00/5 (1 vote)

See more:

Hi Friends,

Please help me to code that shows modal pop up using Jquery as in ajax.

which version of Jquery will be compatible to do this?

I have got many code in jQuery to create modal dialog box.
Eventhough I have included the
jquery-1.7.1.js ,jquery-ui-1.8.17.custom.min.js,jquery-ui-1.8.17.custom/development-bundle/ui/jquery.ui.dialog.js
these as script
i could not get any intellisense for dialog/modal methods and events.
Please tell me which file am missing to include.

Thanks in advance.

Posted 22-Feb-12 0:52am

siva0001

Updated 23-Feb-12 18:58pm

v3

Add a Solution

4 solutions

Solution 3

See This Demo:

Demo[^]

Tutorial For This Demo:

Simple jQuery Modal Window Tutorial[^]

Posted 22-Feb-12 1:13am

CRDave1988

Comments

abey e mathews 24-Feb-12 1:07am

thanku

Solution 1

refer and Download http://jquery.com

Posted 22-Feb-12 1:02am

Ranveer Singh Rajput

Solution 2

Please try these links:-

http://forums.asp.net/t/1383041.aspx[^]

http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/[^]

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial[^]

Posted 22-Feb-12 1:07am

Varun Sareen

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)

kishore sharma · Accepted Answer · 2012-02-23T19:29:00

hello,
I have used the same files in the following way it worked for me

HTML

<script src="../Scripts/Dialog/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.core.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.dialog.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.draggable.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.mouse.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.position.js" type="text/javascript"></script>
    <script src="../Scripts/Dialog/jquery.ui.resizable.js" type="text/javascript"></script>
    <link href="../Scripts/Dialog/demos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {


               $('#dialog-modal').html('<p class="SubHeading">There Is No Data For This Vehicle</p>')
               $("#dialog:ui-dialog").dialog("destroy");

               $("#dialog-modal").dialog({
                   height: 100,
                   modal: true
               });
</script>
<div id="dialog-modal" title="MESSAGE WINDOW">
	
</div>

make sure id "dialog-modal" is must be html control (div)
Happy coding else if asp control use <%=...%>