aprendiendo ventanas modals

[charlyta]

Hola. Intento comprender el funcionamiento de las ventanas modales y el paso de datos con acciones a ajax. Probando, he seguido pienso todos los pasos, pero me da errores de widget, etc.. no cargados, a pesar de que los he incluido:

Código:

 <script src="http://code.jquery.com/jquery-latest.js"></script>	
 <link rel="stylesheet" type="text/css" href="ui/smoothness/jquery-ui-1.8.24.custom.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

mi script:

Código Javascript:

<script>
$(document).ready(function() {  
 
$("a.ico-resize").click(function() {
    
     $("#dialog").dialog({
                    resizable: false,
                    height:140,
                    width: 400,
                    modal: true,
                    title: 'Do you want to delete ?',
                    buttons: {
                        'Delete ?': function() {
                    var dataString = 'id='+ id ;
 
                            $.ajax({
                            type: "POST",
                            url: "../includes/forms/delete_member.inc.php",
                            data: dataString,
                            cache: false,
 
                            success: function()
                            {
                                parent.fadeOut('slow', function() {$(this).remove();});
                                $("#dialog").dialog('close');               
                            }
                    });                                
                        },
                        Cancel: function() {
                           $(this).dialog('close');
                        }
                    }
                });
                           
            return false;
            });
                           });
    
</script>
 

mi html

Código:

<div id="dialog"></div>