Pasar tabla html a otro archivo

[Krato]

Hola a todos, el título no resume lo que quiero hacer, es un poco complicado y creo que me he quedado atascado.

El caso es que estoy haciendo una web en la que el usuario tiene que crear un excel mediante la web entre otras cosas.

Después de buscar bastante encontré un plugin en jQuery muy bueno: jQuery.Sheet que hace exactamente lo que quiero.

El problema es que a la hora de guardar la tabla, mm ¿como lo hago?

La tabla la muestro mediante un dialog del jQuery UI al que le agrego dos botones, uno de cancelar que lo único que hace es cerrar la ventana modal y otro de guardar al cual le aplico una función. Dentro del dialogo es un div con un iframe a la página html con el plugin del excel. Hasta aquí todo funciona perfecto.

En la función del botón guardar saco el html de la tabla, pero... ¿como la envió por POST o GET ya que excede la longitud de caracteres permitidos? Bueno, se me ocurrió hacer crear una array dividiendo el código html que obtengo en líneas mediante un simple '.split("\n");'. Después hago un bucle y cada vez envió una linea al php que se encarga de ir anexando las lineas al archivo que quiero que me genere, pero no queda bien la tabla, no se si es por codificación o por algo, pero la tabla no se ve correctamente.

Y la que quiero hacer (que yo pensaba que iba a estar fácil) es pasar la tabla que el usuario hace y edita) a un archivo para después poder crear un pdf con ese archivo.


Éste es el código js:

Código Javascript:

jQuery("#add_valoracion").dialog({
                autoOpen: false,//remove this and the click to aut oopen
                bgiframe: true,
                dialogClass: "valor",
                position: 'top:0',
                height:1000,
                width: 1300,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancelar': function() {
                        jQuery(this).dialog('close');
                    },
                    'Guardar': function() {
                        var html_valora = jQuery("#valoracion").contents().find("#jSheetEditPane_0_0").html();
                            
                        jQuery("#valoracion").contents().find("#jSheetEditPane_0_0").table2CSV();
                        var arra = html_valora.split("\n");
                        var num = arra.length;
                        var ref = jQuery("#ref").val();             
                        for (i=0; i < num; i++) {
                            tex = arra[i];
                            agrega(i, ref, tex);                
                        }       
                        jQuery(this).dialog('close');
                    }
                },
                open: function(event, ui) {
                
                    $('.valor').css('top', 20);
                }
            });
            
            function agrega(i, ref,tex){
            var url = "include/valoracion.php"; 
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: "ref="+ref+"&html="+escape(tex),
                            success: function(msg){         
                            },
                            error: function(msg){
                                alert(msg);
                            }
                        });
            }
 

Y este es el código de la página valoracion.php:

Código PHP:

<?php
$ref =$_POST["ref"];
$contenido = $_POST["html"];
$contenido = stripslashes($contenido);
$contenido = utf8_encode($contenido);
$myFile = "../archivos/".$ref."/valoracion.html";
$fh = fopen($myFile, 'a') or die("can't open file"); 
fwrite($fh, $contenido);
fclose($fh);
?>
 

Se que es bastante complicado pero haber si entre todos sale una forma de hacerlo.

Gracias por la atención,

Eric

[masterpuppet]

Que tal krato, no podes pasar la info a json(utilizando $().sheetInstance.exportSheet.json() ) y luego enviarla por ajax ?

Saludos.

[Krato]

Gracias por contestar.

Podría hacer eso, pero el problema es que tendría que volver a crear la tabla, ya que lo qe quiero es copiar la tabla que está haciendo el cliente y después imprimirla en pdf, es por eso el problema.

El cliente rellena unos formularios, añade imágenes, etc y finalmente una valoración en excel mediante tablas, y es eso lo que no consigo hacer.

Y ahora que parecía que por fin había conseguido hacerlo mediante web, ahora no consigo guardar la tabla.

Haber si se nos ocurre otra forma...

Gracias.

[masterpuppet]

Otra opción seria separar el html en partes de X tamaño y crear un poll de request's e ir guardando en session, el ultimo request podria enviar un "END_POLL" y ahi rearmar el html(un simple implode bastaria) con lo que esta en session, igualmente creo que la mejor opción seria enviar los datos en json y rearmar la tabla.

[Krato]

Probaré haber y te comento.

Muchas gracias de nuevo. :D

[Krato]

Bueno, escribo de nuevo porque ya lo he resuelto y haber si a otro le puede valer la opción:

Código Javascript:

jQuery("#add_valoracion").dialog({
                autoOpen: false,//remove this and the click to aut oopen
                bgiframe: true,
                dialogClass: "valor",
                position: 'top:0',
                height:1000,
                width: 1300,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancelar': function() {
                        jQuery(this).dialog('close');
                    },
                    'Guardar': function() {
                        var html_valora = jQuery("#valoracion").contents().find("#jSheetEditPane_0_0").html();
                        
                        var s = "";
                        jQuery(html_valora).each(function() {
                            s +=  compacta(this);
                            s = unescape(s);
                        });
                        
                        var arra = s.split("\n");
                        var num = arra.length;
                        var ref = jQuery("#ref").val();             
                        for (i=0; i < num; i++) {
                            tex = arra[i];
                            agrega(i, ref, tex);                
                        }       
                        jQuery(this).dialog('close');
                    }
                },
                open: function(event, ui) {
                
                    $('.valor').css('top', 20);
                }
            });
            
            function agrega(i, ref,tex){
            var url = "include/valoracion.php"; 
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: "ref="+ref+"&html="+escape(tex),
                            success: function(msg){         
                            },
                            error: function(msg){
                                alert(msg);
                            }
                        });
            }
            
            
            function compacta(node) {
                var result = "";
                if (node.nodeType == 1) {
                    result += "<" + node.tagName;
                    hasClass = false;
                    
                    var n = node.attributes.length;
                    for (var i = 0, hasClass = false; i < n; i++) {
                        var key = node.attributes[i].name;
                        var val = node.getAttribute(key);
                        if (val) {
                            if (key == "contentEditable" && val == "inherit") {
                                continue;
                                // IE hack.
                            }
                            if (key == "class") {
                                hasClass = true;
                            }
                            
                            if (typeof(val) == "string") {
                                result += " " + key + '="' + val.replace(/"/g, "'") + '"';
                            } else if (key == "style" && val.cssText) {
                                result += ' style="' + val.cssText + '"';
                            }
                        }
                    }
 
                    if (node.tagName == "COL") {
                        result += '/>';
                    } else {
                        result += ">";
                        var childResult = "";
                        jQuery(node.childNodes).each(function() {
                            childResult += HTMLtoCompactSource(this);
                        });
                        result += childResult;
                        result += "</" + node.tagName + ">";
                    }
                } else if (node.nodeType == 3) {
                    result += node.data.replace(/^\s*(.*)\s*$/g, "$1");
                }
                return result;
            }
 

y el siguiente php:

Código PHP:

<?php
$ref =$_POST["ref"];
$contenido = $_POST["html"];
$contenido = stripslashes($contenido);
$contenido = str_replace("%u20AC","€",$contenido);
$myFile = "../archivos/".$ref."/valoracion.html";
$fh = fopen($myFile, 'a') or die("can't open file"); 
fwrite($fh, $contenido);
fclose($fh);
?>
 

Al final lo que he hecho es recorrer el html de la tabla y parsearlo de manera correcta. Y la verdad queda de lujo!

Lo dicho espero que ha alguien le valga.

Un saludo y gracias por las contestaciones masterpuppet

Eric