Como mostrar una ventana y cerrarla automaticamente.

[elricho]

Estimados tengo este ejemplo que funciona perfectamente, lo que queria saber es como puedo hacer para que una vez que grabo , la linea

echo 'Datos guardados';

no se con que jquery o que otra cosa pueda mostrar una ventana y que se cierre sola despues de algunos segundos.
Gracias desde ya !

Código PHP:

  <?php
require('functions.php');
if(isset($_POST['submit'])){
    require('clases/cliente.class.php');
 
    $nombres = htmlspecialchars(trim($_POST['nombres']));
    $ciudad = htmlspecialchars(trim($_POST['ciudad']));
    $sexo = htmlspecialchars(trim($_POST['alternativas']));
    $telefono = htmlspecialchars(trim($_POST['telefono']));
    $fecha_nacimiento = htmlspecialchars(trim($_POST['fecha_nacimiento']));
    
    $objCliente=new Cliente;
    if ( $objCliente->insertar(array($nombres,$ciudad,$sexo,$telefono,$fecha_nacimiento)) == true){
        echo 'Datos guardados';
    }else{
        echo 'Se produjo un error. Intente nuevamente';
    } 
}else{
?>
<form id="frmClienteNuevo" name="frmClienteNuevo" method="post" action="nuevo.php" onsubmit="GrabarDatos(); return false">
  <p><label>Nombres<br />
  <input class="text" type="text" name="nombres" id="nombres" />
  </label>
  </p>
  <p>
    <label>Ciudad<br />
    <input class="text" type="text" name="ciudad" id="ciudad" />
    </label>
  </p>
  <p>
    <label>
    <input type="radio" name="alternativas" id="masculino" value="M" />
    Masculino</label>
    <label>
    <input type="radio" name="alternativas" id="femenino" value="F" />
    Femenino</label>
  </p>
  <p>
    <label>Telefono<br />
    <input class="text" type="text" name="telefono" id="telefono" />
    </label>
  </p>
  <p>
    <label>Fecha Nacimiento <a onclick="show_calendar()" style="cursor: pointer;">
<small>(calendario)</small>
</a><br />
    <input readonly="readonly" class="text" type="text" name="fecha_nacimiento" id="fecha_nacimiento" value="<?php echo date("Y-m-j")?>" />
    <div id="calendario" style="display:none;"><?php calendar_html() ?></div>
    </label>
  </p>
  <p>
    <input type="submit" name="submit" id="button" value="Enviar" />
    <label></label>
    <input type="button" class="cancelar" name="cancelar" id="cancelar" value="Cancelar" onclick="Cancelar()" />
  </p>
</form>
<?php
}
?>   

[AngelKrak]

mediante jQuery puedes hacerla, ahi te hice un Ejemplo Basico con Bootstrap ;)

http://codepen.io/AngelKrak/pen/EyRyZY

Código Javascript:

//Mostramos al Cargar la Pagina
$("#success").slideDown("slow");
 
//Ocultar despues de 3 Segundos
setTimeout(function() {
  $("#success").slideUp("slow");
}, 3000);
 

Tu Codigo PHP podria ser:

Código PHP:

if ( $objCliente->insertar(array($nombres,$ciudad,$sexo,$telefono,$fecha_nacimiento)) == true){ 
        echo 'Datos guardados'; 
        echo '<script type="text/javascript">//Mostramos al Cargar la Pagina
$("#success").slideDown("slow");
 
//Ocultar despues de 3 Segundos
setTimeout(function() {
  $("#success").slideUp("slow");
}, 3000);</script>';
    }else{ 
        echo 'Se produjo un error. Intente nuevamente'; 
    }