Este es mi index:
<html>
<head>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script src="jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="estilo.css" type="text/css"/>
<script type="text/javascript">
$(function(){
$('#buscar_usuario').autocomplete({
source : 'ajax.php?type=1',
select : function(event, ui){
$('#resultados').slideUp('slow', function(){
$('#resultados').html(
'<h2>Detalles de usuario</h2>' +
'<strong>Nombre:</strong>' + ui.item.value + '<br>' +
'<strong>Apellido:</strong>' + ui.item.apellido_a + '<br>' +
'<strong>Cedula:</strong>' + ui.item.cedula_a
);
});
$('#resultados').slideDown('slow');
}
});
$('#agregar_usuario').click (function(){
$('#resultados').slideUp('slow', function(){
$(this).load('ajax.php?type=2', '', function(){
$(this).slideDown('slow');
});
});
return false;
});
$('#submit').live('click', function(){
alert('Hola');
});
});
</script>
<title></title>
</head>
<body>
<div id="busqueda">
<br><br>
<input type="text" id="buscar_usuario" name="buscar_usuario"/>
<a id="agregar_usuario" href="#">Agregar usuario</a>
</div>
<br><br><br>
<div id="resultados">
</div>
</body>
</html>
necesito que al dar click en el boton submit de esta pagina:
<?php
include_once 'usuarios.class.php';
$usuario = new Usuarios();
$type = $_GET['type'];
switch ($type) {
case 1:
echo json_encode($usuario->buscarUsuario($_GET['term']));
break;
case 2:
?>
<label for="cedula_a">Cedula</label>
<input type="text" id="cedula_a" name="cedula_a"/><br>
<label for="nombre_a">Nombre</label>
<input type="text" id="nombre_a" name="nombre_a"/><br>
<label for="apellido_a">Apellido</label>
<input type="text" id="apellido_a" name="apellido_a"/><br>
<button id="submit" name="submit">Guardar</button>
<?php
break;
case 3:
$usuario->agregarUsuario($_GET);
break;
default:
break;
}
?>
Que llame previamente con ajax, me muestre el mensaje de alerta! ayuda por favor
