Solved

jquery dialog box

Posted on 2014-11-15
7
164 Views
Last Modified: 2015-01-02
Hi,
how to make open jquery dialog box in jquery 1.4?
Please provide sample for above working on jquery 1.4.
0
Comment
Question by:Rocking
  • 3
  • 2
7 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40444807
you need the css file (jquery.ui.dialog.css) for the dialog : http://jqueryui.com/download/all/#1-8

test page : http://jsfiddle.net/71m07skp/

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script>
  $(function() {
    $( "#dialog" ).dialog();
  });
</script>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

Open in new window

0
 

Author Comment

by:Rocking
ID: 40450156
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>

should be also 1.4

tried with below url not working

http://ajax.googleapis.com/ajax/libs/jqueryui/1.4.0/jquery-ui.min.js
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40451170
should be also 1.4

No, jQuery UI is a separate project, the version did not match with jQuery as I try to show you.
It's different projects and teams.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40451173
tried with below url not working

I give you everything you need in my working example, I don't use anything else than line 1,2 and 3.
0
 

Author Comment

by:Rocking
ID: 40452774
so i can conclude jquery ui 1.8.0,supports jquery previous version 1.4?
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now