Bueno con vuestra ayuda he conseguido que funcione, pero cuando lo integro en la web deja de funcionar:
calculadora.php(todo este archivo es php, es más largo pero pegue esto, ¿podría no funcionar porque habría que definir la variable del resultado en js y pasarla a PHP?.)
Código PHP:
<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<script type='text/javascript'>
$(document).ready(function ()
{
$('#calcular').click(function()
{
procesar();
});
});
function procesar()
{
$.ajax ({
url: 'calcular-calorias.php',
type: 'post',
data: $('#formulario').serialize(),
success: function(request, settings) {
$('#resultado').html(request); }
});
}
</script>
</head>
<body>
<form id='formulario' action='#' method='post'>
<input type='text' id='km_calor' name='km_calor' value='' size='4' maxlength='4' />
<input type='text' id='peso_calor' name='peso_calor' value='' size='4' maxlength='4' />
<input type='button' id='calcular' value='Calcular' />
<span id='resultado'> </span>
</form>
</body>
</html>
calcular-calorias.php
Código PHP:
<?php
header('Pragma: no-cache');
$km_calor=0.00;
$peso_calor=0.00;
$resultado = 0.00;
$km_calor = $_POST['km_calor'];
$peso_calor = $_POST['peso_calor'];
define("FACTOREJECUCION", 1036);
if(($km_calor + $peso_calor) > 1){
$resultado = $km_calor * $peso_calor * FACTOREJECUCION;
}
else {
echo "No ha introducido correctamente las cantidades";
}
echo number_format($resultado, 0);
?>
Estos dos archivos por si solos funcionan perfectamente y el resultado de la operación la muestra bajo el formulario como me habeis recomendado. El tema es que necesito integrarlo en una web con esta estructura:
header.php
index.php
sidebar.php.
footer.php
El formulario lo he metido en "index.php"(es un archivo en php, (¿debería pasar la variable a php?), he subido al servidor el archivo "calcular-calorias.php", y los "scripts" los he metido en header, pero no funciona. Llevo días dándole vueltas pero no doy con la solución. ¿Donde me estoy equivocando?.
Un saludo.