here we are again my friend...... well look i use a library named
jquery.jform.js wich send the values with ajax ..... look :
<?php
include 'sesion.php';
?><!DOCTYPE html>
<html dir="ltr" lang="es"><head>
<meta charset="utf-8">
<title>Encuesta</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale =
1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="
http://html5shiv.googlecode.com/svn/trunk/html5.js";></script><![endif]-->
<link rel="stylesheet" href="style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css"
media="screen" /><![endif]-->
<link rel="stylesheet" href="style.responsive.css" media="all">
<script src="jquery.js"></script>
<script src="script.js"></script>
<script src="script.responsive.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script> //
this is the library.
<link rel="stylesheet" type="text/css" href="css/thickbox.css"/>
<script type="text/javascript" src="js/thickbox.js"></script>
<meta name="description" content="pagina de hotel avandaro dedicada a
realizar encuesta de satisfacción a los huespedes del hotel avandaro en
valle de bravo">
<meta name="keywords" content="encuesta de satisfacción, hotel avandaro,
valle de bravo, huespedes, encuesta">
<script>
$(document).ready(function(){
$("#reporte").click(function(e){
$("#filtrar").fadeOut(500);
$("#general").fadeIn(1000);
});
$("#reporte2").click(function(){
$("#general").fadeOut(500);
$("#filtrar").fadeIn(1000);
});
});
</script>
<script type="text/javascript"> //function for the library jquery.jform.js
wich send the values from my form with id="generalreporte" with ajax
$(document).ready(function() {
// definimos las opciones del plugin AJAX FORM, options for the
plugin ajaxform
var opciones= {
beforeSubmit: mostrarLoader,
//funcion que se ejecuta antes de enviar el form
success: mostrarRespuesta //funcion que se
ejecuta una vez enviado el formulario
};
//asignamos el plugin ajaxForm al formulario myForm y le
pasamos las opciones
$('#generalreporte').ajaxForm(opciones) ;
function mostrarLoader(){
$("#loader_gif").fadeIn("slow");
};
function mostrarRespuesta (responseText){
$("#loader_gif").fadeOut("slow");
$('#generalreporte').each (function(){
this.reset();
});
$("#ajax_loader").append(responseText);
};
});
</script>
</head>
<body>
<div id="art-main">
<header class="art-header clearfix">
<div class="art-shapes">
<h1 class="art-headline" data-left="99.68%">
<a href="#">Área de Administración</a>
</h1>
<h2 class="art-slogan" data-left="99.06%">AYUDANOS A BRINDARTE UN MEJOR
SERVICIO.<br/>
<br/>
<br/>
<img src="images/login2.png" style="width: 40px; height: 40px;">Bienvenido
:
<?php
echo $_SESSION["usuario"];
?> | <a href="salir.php">cerrar sesión</a></h2>
<div class="art-object1548596889" data-left="0%"></div>
</div>
</header>
<nav class="art-nav clearfix">
<div class="art-nav-inner">
<ul class="art-hmenu">
<li><a href="reporteador.php" class="active">Reporte</a></li>
<li><a href="datos.php">Datos y Comentarios</a></li>
</ul>
</div>
</nav>
<div class="art-sheet clearfix">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content
clearfix"><article class="art-post art-article">
<div style="margin: 20px 20px 20px 20px;">
<div style="text-align: center;"><label
style="font-size:medium">Reporte General</label> <input
type="radio" name="reporte" id="reporte"/>
<label style="font-size:medium">Filtrar
Resultados</label> <input type="radio" name="reporte"
id="reporte2"/></div>
<br/><br/>
//this is my form
<form id="generalreporte" method="post"
action="reportegeneral.php">
<div id="general" style="display: none;
text-align: center;">
<label
style="font-size:medium">Fecha de:</label>
<input type="date" name="fecha1"
required/>
<label
style="font-size:medium">entre</label>
<input type="date" name="fecha2"
required/><br/><br/>
<input type="submit"
value="Enviar"/>
</div>
</form>
<div id="filtrar" style="display:none;
text-align: center;">
<label
style="font-size:medium">Fecha de:</label>
<input type="date" name="fecha3"
required/>
<label
style="font-size:medium">entre</label>
<input type="date" name="fecha4"
required/><br/><br/>
<div>
<label style="font-size:
medium;">Área:</label>
<select>
<option id="supo"
value="1">¿como supo de este hotel?</option>
<option id="atendidas"
value="2">¿como fueron atendidas sus reservaciones?</option>
<option value="3">a travez d
que medio hizo su reservación</option>
</select>
</div><br/><br/>
<input type="submit"
value="Enviar"/>
</div>
<div id="ajax_loader"><img id="loader_gif"
src="images/loader.gif" style=" display:none;"/></div>
</div>
<div> // I want to show the pie chart
just here..... </div>
<div class="art-postcontent art-postcontent-0
clearfix"></div>
</article></div>
</div>
</div>
</div>
</div>
<footer class="art-footer clearfix">
<div class="art-footer-inner">
<p>Copyright © 2012 Avandaro<br>
Avandaro Hotel Golf & SPA Resort<br>
Vega del Río S/N Fracc. Avandaro Valle de Bravo.<br>
Edo. De Mex. CP. 51200<br>
<br></p>
<p class="art-page-footer">
<span id="art-footnote-links">Designed by Chrystopher Medina
Rebollar..</span>
</p>
</div>
</footer>
</div>
</body></html>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
