Buenas.
Tengo un pequeño formulario con dos campos de texto.
Código HTML:
<html>
<head>
<title>Calculadora</title>
<head>
<body>
<form action="calculadora.php" method=post>
<table width="774" border=0>
<tr>
<td><input type="text" name="km_calor" size=6 maxlength=6></td>
<td><input type="text" name="peso_calor" size=6 maxlength=6></td>
</tr>
<tr>
<td colspan=2 align=center><input name="submit" type=submit value="Calcular"></td>
</tr>
</table>
</form>
</body>
</html> Los datos del formulario los llamo desde php para hacer una cuenta matemática.
Código HTML:
<html>
<head>
<title>Calculadora</title>
<head>
<body>
<?php
$km_calor=0.00;
$peso_calor=0.00;
$total_calorias=0.00;
define("FACTOREJECUCION", 1036);
$km_calor=$_POST['km_calor'];
$peso_calor=$_POST['peso_calor'];
echo $km_calor. " km recorridos<br />";
$total_calorias= $km_calor * $peso_calor * FACTOREJECUCION;
echo "Corriendo". $km_calor. " km has consumido". $total_calorias. " calorías.";
?>
</body>
</html>
¿Como podría hacer para que me cargue el resultado justo debajo del formulario sin que recargue la página?.
No tengo nociones de Javascript, pero agradecería un ejemplo o manual sencillo, que yo mismo fuera capaz de realizarlo y medio entenderlo.
Un saludo.