Aca te mando el fuente de una prueba que hice
formulario.html
Aca tenemos el formulario de ingreso, el action te manda a procesodatos.php que es donde mostras la vista previa de tus datos antes de guardarlos
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulario</title>
</head>
<body>
<form name="notas" method="post" action="procesodatos.php">
Asignatura: <input type="text" name="asignatura" tabindex="1" /><br />
Curso: <select name="curso" tabindex="2">
<option value="matematicas">Matematicas</option>
<option value="ingles">Ingles</option>
<option value="tecnologia de medios impresos">Tecnologia de medios impresos</option>
<option value="diseño grafico">Diseño grafico</option>
</select> <br />
Nota: <input type="text" name="nota" tabindex="3" /><br />
Créditos: <input type="text" name="creditos" tabindex="4" /><br />
<input type="submit" name="guardar" value="guardar" />
</form>
</body>
</html>
procesodatos.php
Aqui mostras la vista previa de la info que proporcionaste en el form anterior y pongo 2 opciones una para guardar o mas bien confirmar que deseas guardar esos datos y la otra opcion es para pasarte al form anterior y corregir por si hubo error
<?php
$asignatura = $_POST['asignatura'];
$curso = $_POST['curso'];
$nota = $_POST['nota'];
$creditos = $_POST['creditos'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="ajax.js" type="text/javascript" language="javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Procesamiento de datos</title>
</head>
<body>
<b>Va a ingresar: </b>
<TABLE BORDER="1">
<TR>
<TH>Asignatura</TH>
<TH>Curso</TH>
<TH>Nota</TH>
<TH>Creditos</TH>
</TR>
<TR>
<TD><?php echo $asignatura ?></TD>
<TD><?php echo $curso ?></TD>
<TD><?php echo $nota ?></TD>
<TD><?php echo $creditos ?></TD>
</TR>
</TABLE>
<a href="javascript
:history.back();">Modificar datos</a>
<br />
<input type="button" name="confirmar" value="confirmar" tabindex="1" onclick="guardardatos('<?php echo $asignatura ?>', '<?php echo $curso ?>', '<?php echo $nota ?>', '<?php echo $creditos ?>'); return false"/> // aca llamamos a la funcion guardardatos que recibe como parametro los datos del formulario para luego guardarlos a la base de datos
</body>
</html>
************************************************** ***************
guardar.php
Este archivo se encarga de insertar los datos del formulario a la base de datos
Código PHP:
$asignatura = $_POST['asignatura'];
$curso = $_POST['curso'];
$nota = $_POST['nota'];
$creditos = $_POST['creditos'];
$link = mysql_connect("localhost","root","") or die("error de conexion");
mysql_select_db("prueba",$link);
$sql = "insert into curso (asignatura, curso, nota, creditos) values ('" . $asignatura . "', '" . $curso . "', " . $nota . ", " . $creditos . ")";
$resultado = mysql_query($sql, $link);
//mysql_free_result($resultado);
mysql_close($link);
************************************************** **************
ajax.js
El famoso ajax, que permite realizar tareas facilmente
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
// esta funcion te permite realizar la confirmacion antes de guardar
function guardardatos(asignatura, curso, nota, creditos){
var guardar = confirm("Esta seguro de guardar los datos proporcionados?")
if ( guardar ) {
ajax=objetoAjax();
ajax.open("POST", "guardar.php", true); // usamos el metodo post para pasar las variables guardar.php que nos hace el trabajo de insertar el registro
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("curso="+curso+"&asignatura="+asignatura +"¬a="+nota+"&creditos="+creditos); // aca enviamos los parametros
alert("Los datos han sido guardados"); // por ultimo mandamos la notificacion que los datos se han guardado correctamente
}
}
************************************************** **************
Espero te sirva amigo suerte y
:
