使用javascript打印动态内容
Printing dynamic content with javascript
问题
我们有带表单的页面。
用户填写表单并提交。
我需要打印包含表单数据和其他内容的页面。
代码#1
$(document).ready(function($){
$('input[name=sumb_but]').bind('click', function(e){
e.preventDefault();
var print_text = "<p>Test " + $('#form').serialize() + "</p>";
var newWin = window.open('','printWindow','Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0');
newWin.document.body.innerHTML = print_text;
newWin.print();
});
});
冷却,但:
- 我需要特定的css
- 在加载内容之前出现"打印"窗口。。。ooops
好的!
代码#2
$(document).ready(function($){
$('input[name=sumb_but]').bind('click', function(e){
e.preventDefault();
var print_text = "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <meta http-equiv='Content-Type' content='text/html; charset=windows-1251' /> <title>Оформление доверенности (простая письменная форма)</title> <link rel='stylesheet' type='text/css' href='/css/print_forms/warrant.css'> </head> <body> <p>Test " + $('#form').serialize() + "</p></body><script type='text/javascript'>window.print();</script></html>";
var newWin = window.open('','printWindow','Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0');
newWin.document.write(print_text);
});
});
- document.write-在其他情况下css未加载
- 在内容的和处添加了"window.print((">
这在所有浏览器中都能很好地工作,但不在IE窗口中,在没有打印对话框的情况下成功加载内容。我需要帮助
p.s.
CSS with media="print"-出于某种原因,这不是一个很好的解决方案。
$(document).ready(function($){
$('input[name=sumb_but]').bind('click', function(e){
e.preventDefault();
var print_text = "<p>Test " + $('#form').serialize() + "</p>";
var newWin = window.open('','printWindow','Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0');
newWin.document.body.innerHTML = print_text;
newWin.document.body.onload = function() { newWin.print(); }
});
});
这可以帮助
相关文章:
- 使用javascript将动态表从一个html页面打印到另一个html页
- 设置选项对象关键点:值对以实现带第二个y轴的动态打印
- 通过 JavaScript 动态创建和打印 h1 标签
- 如何使用php动态打印html脚本
- 打印从 HTTP RFEquest 动态更新的页面范围
- 我是否可以动态更改带有数字的图像,然后将其打印为 PDF
- 动态打印表行
- 动态加载的图像在打印预览后消失
- 如何动态打印 JQuery 移动点击事件数据
- 使用客户端图形和动态分类渲染器不起作用的打印任务
- 使用 JQuery 打印动态文本框值
- Javascript-在window.print()之前动态切换打印样式表
- 如何动态打印加载到文本框中的页面
- jQuery-如何动态打印空表
- Javascript在script标记中动态打印
- 可以'当使用Rails动态打印时,无法访问html id标签
- 如何动态打印到另一个表与JQuery/Javascript
- 动态打印包含多行文本框的页面内容
- 如何使用javascript动态打印表格
- 如何动态打印从1到100 angularjs的数组