使灯箱支持在网页上打印

时间:2010-05-10 08:22:57

标签: jquery css printing lightbox

我知道我的想法是使用单独的打印样式表,当用户点击灯箱上的打印按钮时,该样式表会隐藏灯箱以外的所有内容。

这听起来很容易,但总有一些障碍。所以我想知道是否有任何支持所有主流浏览器的工作示例。

我在谷歌搜索并找到了许多灯箱,但没有一个内置打印按钮。

2 个答案:

答案 0 :(得分:2)

我建议你看一下这篇文章http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

它的工作原理是暂时创建一个用户无法看到的iframe,并快速将所有内容打印到其中(例如只是一个div及其内容)。然后打印iframe的内容。

顺便说一句,样式表方法可能被认为是“走的路”,但根据我的经验,它有几个跨浏览器的问题。

编辑:实际上,这看起来就像您要搜索的内容http://plugins.jquery.com/project/jqPrint

答案 1 :(得分:1)

创建一个新的CSS文档,在其中隐藏除灯箱外的所有内容 - div。在文档中包含具有属性media="print"

的样式表

类似

<link rel="stylesheet" href="/stylesheets/print.css"
    type="text/css" media="print" />