[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 175
  • Last Modified:

jquery dialog box

Hi,
how to make open jquery dialog box in jquery 1.4?
Please provide sample for above working on jquery 1.4.
0
Rocking
Asked:
Rocking
  • 3
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
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
 
RockingAuthor 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
0
 
leakim971PluritechnicianCommented:
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
 
leakim971PluritechnicianCommented:
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
 
RockingAuthor Commented:
so i can conclude jquery ui 1.8.0,supports jquery previous version 1.4?
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now