Ver Mensaje Individual
  #4 (permalink)  
Antiguo 22/12/2013, 03:12
helenp
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 15 años
Puntos: 6
Respuesta: formulario ajax con mootools, funciona a medias

lo consegúi buscando y haciendo ajuste,
aunque no sé si es lo correcto:
<form name="solicitud" id="solicitud" method="post">
<input type="hidden" 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"); ?>&nbsp;&nbsp;<?php include("includes/month.php"); ?>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Departure: <?php include("includes/day2.php"); ?>&nbsp;&nbsp;<?php include("includes/month2.php"); ?> </p>
<p><input class="boton roundedcorner border" size="10" type="button" onClick="enviarDatosSolicitud();" name="enviar" id="enviar" value="Calculate/Check">
</p>
</form>
<div id="resultado"></div>
<script type="text/javascript">
// Función para recoger los datos de PHP según el navegador, se usa siempre.
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;
}

//Función para recoger los datos del formulario y enviarlos por post
function enviarDatosSolicitud(){

//div donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//recogemos los valores de los inputs
propiedad = document.solicitud.propiedad.value;
enviar = document.solicitud.enviar.value;
day = document.solicitud.day.options[document.solicitud.day.selectedIndex].value;
day2 = document.solicitud.day2.options[document.solicitud.day2.selectedIndex].value;
month = document.solicitud.month.options[document.solicitud.month.selectedIndex].value;
month2 = document.solicitud.month2.options[document.solicitud.month2.selectedIndex].value;

//instanciamos el objetoAjax
ajax=objetoAjax();

//uso del medotod POST
//archivo que realizará la operacion
//registro.php
ajax.open("POST", "calculatornew.php",true);
//cuando el objeto XMLHttpRequest cambia de estado, la función se inicia
ajax.onreadystatechange=function() {
//la función responseText tiene todos los datos pedidos al servidor
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
//llamar a funcion para limpiar los inputs
LimpiarCampos();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores a registro.php para que inserte los datos
ajax.send("propiedad="+propiedad+"&enviar="+enviar +"&day="+day+"&day2="+day2+"&month="+month+"&month 2="+month2+"")
}
</script>