Problemas con dialog box JQuery

Drago25 · #1 (**permalink**) 04/09/2015, 21:45

hola chicos, estoy haciendo una pagina de eliminación, en primer lugar me realiza una confirmación de eliminación y lo que yo quiero mostrar es un mensaje de operación exitosa después de la eliminación solo logro mostrar un alert pero cuando quiero mostrar el dialog box solo me muestra el texto que debe llevar la ventana de dialogo(el box no me lo muestra)

Código:

<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>  
<script>

/*Esta función es la que crea la ventana de operación exitosa*/
$(function() {
    $( "#datos1" ).dialog({
        modal: true,
        draggable: false,
        resizable: false,
        width: 435,
        height: 200,
      open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); },
      buttons: {
        Ok: function() {
          $( this ).dialog( top.location.href = '');
        }
      }
    });
  });
</script>
<script>
$(document).on('click', '#btnConfirmar', function (e) {
  e.preventDefault();
   var valor=document.form1.usu.value;

  if ( confirm('Are you sure to delete this data???') ){
    $.ajax({
        type: 'POST', 
        data: {
            valor: valor
        },
        url: 'example_e.php',
        success: function (data) {

            if ( +data == 1) {

/*

Esta es la línea de la ventana que no me muestra, solo aparece el texto

si coloco lo que esta entre comillas dentro del body si hace el dialog box pero

cuando lo coloco aquí solo me muestra el texto.

*/
            document.getElementById('datos').innerHTML="<div id='datos1' title='Operacion Exitosa'><p><span class='ui-icon ui-icon-circle-check' style='float:left; margin:0 7px 50px 0;'></span> Usuario exitosamente eliminado!</p></div>";
                
            } else {
                alert('Failed Delete Data');
            }

        }
    });
  }
});
</script>

</head>

<body>   
    
        <form name="form1" id="forma" method="post" >
            <h4>Eliminar Administrador</h4>
          <table width="50%" border="0" align="center">
            <tr>
              <td>Administrador:</td>
              <td>
                <select name="usu">
                  <option value="" selected="selected" >-- Seleccionar -- </option>
                  <?php 
                  $enlace1 = mysql_connect('localhost', 'root', '') or die("&iexcl;No pudo conectarse!"); 
mysql_select_db ("telefonia"); 
$row1 = mysql_query("select Id_usuario,Usuario from acceso where id_cuenta=1 and id_estatus=1",$enlace1);
while ($reg1 = mysql_fetch_array($row1)) 
{ // obtener datos de bd 
    $admin=-1;
if ($admin == $reg1["Id_usuario"]) $selected="selected"; 
else $selected="";
$admin=$selected; 
printf("<option value='%s' %s>%s</option>", $reg1["Id_usuario"], $selected, $reg1["Usuario"]); 
} 
mysql_free_result($row1); 
?>
                </select>
</td>
            </tr>
                       <tr>
              <td></td>
              <td>                  
                  <input type="button" id="btnConfirmar" name="Squbmit" value="Eliminar" >
                  
              </td>
            </tr>
          </table>            
        </form>  
    <div id="datos"></div>
</body>
</html>