Enviar formulario con javascript

Shaito · #1 (**permalink**) 01/04/2011, 08:05

Hola!

Recurro a vosotros con la necesidad de ayuda, ya que no consigo hacer que el code funcione...

El formulario se envia por un textarea con un button type="button" y estos javascripts

Por un lado:

Código Javascript:

Ver original$().ajaxStart(function() {
        $('#result').hide();
        $('#loading').show('fast');
        
    }).ajaxStop(function() {
        $('#result').fadeIn('middle');
        $('#loading').hide('fast');
        
    });     
    $('#volanta').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').fadeIn('fast');
                $('#result').html(data);
 
            }
        })
        return false;
    });

Y por otra parte:

Código Javascript:

Ver originalfunction doSecure() {
var sc = new SecureContext(document.frmSecurity.volanta.value, 
document.frmSecurity.txtSign.value, document.frmSecurity.chkNewLines.checked);
sc.secure(document.frmSecurity.txtPassw.value);
document.frmSecurity.txtSecure.value = sc.strText;
document.frmSecurity.volanta.value = '';
}

Intento hacer que desde el button funcione el javascript 2º y se envíe mostrando los divs y se muestre el resultado del form.

Pueden ayudarme?!

Muchas gracias un Saludo!

javier86 · #2 (**permalink**) 01/04/2011, 09:58

Yo uso algo similar, pero aquí tienes incorporados ajax mezclado, no se si te sirva, pero utilizo este codigo para enviar una tabla a través de un input text, esta tabla se acciona y le permite al usuario guardar un reporte excel.

Esto esta en el archivo que envia el Post :
//esto en el <head></head>
//fijate en el #Exportar_a_Excel

Código Javascript:

Ver original<script language="javascript">
$(document).ready(function() {
    $(".botonExcel").click(function(event) {
        $("#datos_a_enviar").val( $("<div>").append( $("#Exportar_a_Excel").eq(0).clone()).html());
        $("#form").submit();
});
});
</script>

Esto en el body de este archivo:
//la info de la tabla se pasa al input hidden oculto

Código HTML:

Ver original<form name="form" action="ficheroExcelAsistencia.php" method="post" target="_blank" id="form">
                <input id="button2" type="button" value="Exportar a Excel" class="botonExcel"/>
                <input type="hidden" id="datos_a_enviar" name="datos_a_enviar" />
                </form>

Esta tabla esta en otro archivo que cargo con ajax (mira el id de la tabla):

Código HTML:

Ver original<table border="1" cellpadding="10" cellspacing="0" bordercolor="#666666" id="Exportar_a_Excel" style="border-collapse:collapse;">
</table>

// este fichero es la acción del formulario de arriba ficheroExcelAsistencia.php:

Código PHP:

Ver original<?php
$fecha = date('d_m_Y');
header("Content-type: application/vnd.ms-excel; name='excel'");
header("Content-Disposition: attachment; filename=asistenciaTutor_$fecha.xls");
header("Pragma: no-cache");
header("Expires: 0");
 
$tabla=$_POST['datos_a_enviar']; //aqui recibe el hidden que menciono mas arriba
$tabla=utf8_decode($tabla);
echo $tabla;
 
?>