问题标签 [printthis]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
43982 浏览

jquery - jquery - 在某些页面上的 IE 中拒绝 iframe 访问

我是 printThis 的作者,这是一个用于打印的 jquery 插件。

https://github.com/jasonday/printThis

我有一个用户提出了一个问题,我无法破解,不幸的是,我无法共享页面(隐私问题)。

在用户的站点上,问题出现在 IE 中的某些页面上,但在其他页面上没有。打印失败,因为 iframe 仍然是空的。

IE 中的错误在 jQuery 中:

使用日志记录,我能够确定它在这条线上失败了:

但同样,这只发生在某些页面上,我无法在该用户站点之外的任何情况下重新创建。

我的问题:这里有更好的方法吗?还是一种使$doc物体更防弹的方法?


更新

问题由于document.domain

此类页面已document.domain设置且 IE 不document.domain从父级继承。

为了修复该部分,我将 iframe 创建更改为标准 javascript,并将源设置为在 iframe 创建时写入document.domain

所以这修复了访问被拒绝,但是现在框架不会打印。我已经尝试了很多不同的方法来访问该对象,但是它们都不起作用。

A)在这种情况下您将如何访问框架(我已经尝试过 SO 中概述的大多数方法)以使 IE 识别和打印

或者

B) 谁能想到一个更好的方法来让 document.domain 在使用 jQuery 创建时进入 iframe?(以后不能,因为会出现访问被拒绝的问题)

0 投票
1 回答
2667 浏览

javascript - 如何将 printThis 插件功能分配给按钮?

抱歉这个菜鸟问题......我一直在寻找一个例子,但我显然做错了什么(或者我想做的事情偏离了轨道!)

我正在使用这个: http ://www.devx.com/webdev/Article/10483/0/page/2 使用可见性和 div 部分创建多页表单。似乎工作得很好。

我现在需要能够从另一页打印(打印机)一页。可能的?

我正在尝试使用 Jason Day 的 printThis 插件。

我这样调用插件: $.getScript("printThis.js", function(){ });

(插件在当前目录中……稍后会解决)

第一个按钮按预期工作...返回第 1 页 第二个按钮不执行任何操作...语法正确吗?还是我只是想做一些无法完成的事情?

0 投票
1 回答
1455 浏览

javascript - 使用隐藏的 div 方法将空白页发送到打印机

我正在使用一个代码片段,我发现它使用隐藏的可见性来显示一个多页表单。很有可能我所有的问题都源于这种方法。该资源来自这里: http: //www.devx.com/webdev/Article/10483/0/page/2

这是显示表单的多个页面的一种相当简单的方法......它可能从未打算允许打印。

“打印应用程序”按钮正确调用 printThis 插件。但是,我没有从 page1 DIV 部分获得任何内容。打印的只是右上角的正常标题部分(第 1 页,共 1 页)和 about:左下角的空白和页面右下角的日期……没有内容,在我的示例文件中应该是申请人姓名输入框。

我认为这是因为 page1 的 DIV 在显示 page2 的内容时设置为“隐藏”。如果我在按钮调用中替换“page2”,那么我会按预期从 page2 获取内容。

所以......我想我所追求的是一种临时更改 printThis 按钮调用中引用的 DIV 的方法,使其可见的时间足够长以执行页面打印。

有任何想法吗?

0 投票
1 回答
2608 浏览

jquery-plugins - 回调 jquery 插件 printThis

我试图通过使用这个搜索和谷歌找到一个解决方案,但我找不到任何东西,我希望你能帮助我。

我正在使用 printThis 插件仅打印部分页面(在我的情况下为 DIV=modal 对话框)。插件页面:https ://github.com/jasonday/printThis

在调用 print-dialog 并打印文档后,我想自动关闭我的模态对话框,但因此我需要一个回调函数。

这就是用于打印的代码:

现在我想我从jquery中添加了一个“done()”函数来“捕获”回调......我尝试了以下方法,但它没有用:

我在拉取请求中找到了一些东西:https ://github.com/jasonday/printThis/pull/28 但我不知道如何使用它。

我正在使用最新版本的 printThis (v 1.4) 和 jquery (v 1.11.0)

非常感谢您。

干杯,马可

0 投票
0 回答
114 浏览

jquery - 在 Firefox 中打印长图像的最后一部分被跳过

我在printThis.js工作。在 IE 和 Chrome 中打印工作正常,但在 Firefox 中打印的图像底部被截断。我错过了什么?看到这个 JS Fiddle

这是我到目前为止所做的

0 投票
1 回答
807 浏览

jquery - “printThis”可以在同一页面上打印表格和 div 吗?

我正在使用 printThis Jquery 插件。我用它来打印一张桌子。但现在我想在表格下方添加一个 div。那可能吗?

我的代码在两张单独的纸上打印表格和 div。

HTML

JS

0 投票
2 回答
1924 浏览

php - 如何强制“PrintThis”为“Break page”

当我使用 Jquery 插件“PrintThis”时,
html 函数:<div style='page-break-after:always'></div>
停止工作。好吧,“PrintThis”不会断页!
我该如何解决这个问题?
我应该在JS中放置“断线”吗?如何?
可以使用相同的表ID吗?

HTML

JS

0 投票
1 回答
2106 浏览

jquery - 按下按钮时 PrintThis 会覆盖自定义 CSS

我使用 PrintThis Jquery 插件。
我使用 Bootstrap 作为我的框架。

使用 PrintThis 打印时,我想减小字体大小。
我刚刚在文档中进行了样式更改。像这样:

页面首次加载时。所有文字均为 8 像素。
但是当我按下 PrintThis 按钮时,页面会重新加载/将所有文本更改为 Bootstrap 默认的 14 像素。这是为什么?

打印按钮的 HTML

用于 printThis 的 JS

更新 我将样式从页面移动到 CSS 文件中。
然后我将css文件加载到页面中。
我还向自定义 Jquery 添加了:loadCSS:“css/custom_printthis.css”。
结果是,页面不会覆盖 css。文字是8px,正如我想要的。但是,当我按打印时,预览会在表格标签内显示 14px 文本......而在外部显示 8px 文本。可能我需要在我的 CSS 中添加“table.tex”...

0 投票
1 回答
1484 浏览

twitter-bootstrap - 在桌子上使用活动课程。使用 Bootstrap 和 printThis

我使用 Bootstrap 作为我的框架。
要打印部分页面,我使用“printThis”jquery 插件。

当我打印表格时,活动课程不会显示。
活动是填充行(单元格)。

我怎样才能解决这个问题?

HTML/PHP

更新CSS
我试过了,打印中只有粗体!?
我可以在网页上看到引导程序添加的“活动”类。但它没有显示在印刷品中。

打印这个

更新

我确实删除了引导类“活动”。并创建了一个自己的类,称为灰色。我使用样式表添加背景颜色灰色。但同样的问题也随之而来。我可以在浏览器中看到灰色背景,但在打印件上看不到。

粗体属性在印刷品上,但不是 BG 颜色。

0 投票
2 回答
765 浏览

javascript - PrintThis Not Capturing Checked Checkboxes

So I am using the PrintThis JQuery plugin in order to print a form field, but for some reason I am unable to have the plugin print out any changes made to the checkboxes. When I click "Print", the only checkbox that appears to change is one that has a "checked" property by default. Any ideas on how to fix this?

HTML:

JSFiddle: http://jsfiddle.net/Hybridx24/bxtpv26x/