puf,
me estoy acercando,
no entiendo, me imagino que basta que paso todas las variables a la pagina php que se usa en el formulario, y aun asi no me funciona.
Mi script php pita y dice que la fecha es incorrecta.
las fechas las tengo en un select, quizas es por eso?
De momento tengo esto:
<script type="text/javascript">
var xmlhttp;
function load(str, url, cfunc)
{
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(str);
}
function metodoAjax(datos, ruta)
{
load(datos, ruta, function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("cuerpo").innerHTML=xmlhtt p.responseText;
}
});
}
//------------------------------------------------------------------
function recibe(){
day = document.getElementById('day').value;
metodoAjax("valor="+day,"calculatornew.php");
day2 = document.getElementById('day2').value;
metodoAjax("valor="+day2,"calculatornew.php");
month = document.getElementById('month').value;
metodoAjax("valor="+month,"calculatornew.php");
month2 = document.getElementById('month2').value;
metodoAjax("valor="+month2,"calculatornew.php");
propiedad = document.getElementById('propiedad').value;
metodoAjax("valor="+propiedad,"calculatornew.php") ;
enviar = document.getElementById('enviar').value;
metodoAjax("valor="+enviar,"calculatornew.php");
}
</script>
<form method="post">
<input type="text" id="propiedad" value="<?php print($propiedad); ?>">
<p class="formheader">Check availability and price for this property: </p>
<p class="calculatortext">Arrival: <?php include("includes/day.php"); ?> <?php include("includes/month.php"); ?>
Departure: <?php include("includes/day2.php"); ?> <?php include("includes/month2.php"); ?> </p>
<p><input class="boton roundedcorner border" size="10" type="button" onClick="recibe();" name="enviar" id="enviar" value="Calculate/Check">
</p>
</form>
<div id="cuerpo"></div>
</div><!-- end form -->