jquery dialog box

Rocking
Rocking used Ask the Experts™
on
Hi,
how to make open jquery dialog box in jquery 1.4?
Please provide sample for above working on jquery 1.4.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Multitechnician
Top Expert 2014
Commented:
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

Author

Commented:
<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
leakim971Multitechnician
Top Expert 2014

Commented:
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.
leakim971Multitechnician
Top Expert 2014

Commented:
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.

Author

Commented:
so i can conclude jquery ui 1.8.0,supports jquery previous version 1.4?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial