imprimir contenido de un dialog jquery

[jmg1189]

hola buenos días

lo que busco es que por medio de los botones del dialog de jquery, pueda imprimir lo que éste contiene, actualmente estoy recogiendo un dato como respuesta en ajax y lo envio a otro archivo que me imprime una consulta..

Código Javascript:

$("#generar").click(function(){
                var observaciones = $("#observaciones").val();
                var parametros = { "tecnico": <? echo $tecnico;?>, "observaciones": observaciones };
                $.ajax({
                    url: 'generar_salidaH.php',
                    data: parametros,
                    type: 'POST',
                    success: function(respuesta){
                        $('<iframe id="dialog_imprimir" src="ver_salidaH.php?salida=' + respuesta + '"/>').dialog({
                            modal: true, width: 850, height: 400, resizable: false, position: ['center', 100], draggable: false,
                            buttons:{
                                'Imprimir': function(){
                                   //aca funcion para imprimir el contenido.
                                },
                                'Cerrar': function(){
                                    jQuery('#dialog_imprimir').dialog('close');
                                }
                            }
                        }).width(830).height(390);
                    }
                });
                return false;
            });
 

la idea de cuando se oprima el boton con id "generar", me envia unos datos que son guardados por el archivo de generar_salida.php, luego en el php envio un dato el cual envio al otro archivo de ver_salida.php. Como el archivo lo cargo dentro del iframe en el dialog, la idea sería poder imprimir lo que está dentro de ese iframe. Tengo otra funcion que me imprime el contenido de un div, y funciona bien, es la siguiente:

Código Javascript:

function imprimir_div(div, ruta_estilos){ //funcion para imprimir el contenido del div con id=panel
    var objeto = $(div);
    var ventana=window.open('','_blank'); 
    ventana.document.write(objeto.innerHTML); 
    ventana.document.close();
    var css = ventana.document.createElement("link");
    css.setAttribute("href", ruta_estilos);
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("type", "text/css");
    ventana.document.head.appendChild(css);
    ventana.print();
    ventana.close();
}
 

pero pues el botón del dialog no me va a encontrar el id del div en ésta función, entonces quisiera una idea de como puedo recoger el contenido del dialog y poder imprimirlo.

muchas gracias.

[X_fran]

Ayer mismo estaba yo enfrascado en algo similar, para ello empleé el pluggin JQuery.print, funciona perfecto. Agrega el fichero Jquery.print.js por debajo del la declaración de jquery.js y

Código:

$('.lnkImprimir').on('click', function(e){
  $('#divImprimible').print();
});

Incluso tiene opciones para aplicar estilos al área de impresión. El pluggin se encarga de generar el iframe para no recargar la página.