Jquery Dialog

  • Jquery Dialog

    Hallo,

    für eine Löschfunktion nutze ich JQUERY.
    User klickt auf Löschen, erhällt eine Dialog Box in der er das Löschen bestätigen muss.
    Die Dialog Box wird angezeigt, auch der Button zum Abbrechen in der DIalog Box wird angezeigt aber wie bekomme ich es hin das er wenn ich auf den Button Löschen klicke er eine bestimmte URL zum löschen aufruft?

    Quellcode

    1. <!doctype html>
    2. <head>
    3. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/ui-lightness/jquery-ui.css" />
    4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    5. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
    6. <script type="text/javascript">
    7. $(document).ready(function() {
    8. $('div#thedialog').dialog({ autoOpen: false,resizable: false,
    10. modal: true,
    11. buttons: {
    12. "Löschen": function() {
    13. $( this ).dialog( "close" );
    14. },
    15. Abbrechen: function() {
    16. $( this ).dialog( "close" );
    17. }
    18. }
    19. })
    20. $('#thelink').click(function(){ $('div#thedialog').dialog('open'); });
    21. })
    22. </script>
    23. </head>
    24. <body>
    25. <div id="thedialog" title="Download complete">
    26. <p>
    27. <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
    28. Your files have downloaded successfully into the My Downloads folder.
    29. </p>
    30. <p>
    31. Currently using <b>36% of your storage space</b>.
    32. </p>
    33. </div>
    34. <a href="#" id="thelink">Clickme</a>
    35. </body>
    Alles anzeigen