?
Solved

JQuery Dailog

Posted on 2009-02-14
1
Medium Priority
?
255 Views
Last Modified: 2012-05-06
Simply need to convert this code to the jquery dialog equivalent.

<script type="text/javascript">
      $(function() {
            $("#confirmDelete").dialog({
                  bgiframe: true,
                  resizable: false,
                  height:140,
                  modal: true,
                  overlay: {
                        backgroundColor: '#000',
                        opacity: 0.5
                  },
                  buttons: {
                        'Do You Wish To Confirm Your Request To Delete This Item': function() {
                              $(this).dialog('close');
                        },
                        Cancel: function() {
                              $(this).dialog('close');
                        }
                  }
            });
      });
</script>
0
Comment
Question by:Glen_Mac
1 Comment
 
LVL 2

Accepted Solution

by:
basselkh earned 500 total points
ID: 23644797
you can simply use jQuery UI:

http://docs.jquery.com/UI/Dialog


<script type="text/javascript" src="http://ui.jquery.com/testing/jquery-1.3.1.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.draggable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.dialog.js"></script>
 
 
 
<script>
  $(document).ready(function(){
    $("#confirmDelete").dialog();
  });
  </script>
 
<div id="confirmDelete" title="Dialog Title">I'm in a dialog</div>

Open in new window

0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
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)
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…
Suggested Courses
Course of the Month16 days, 22 hours left to enroll

864 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