打印网页问题::寻找打印网页的好教程(由Jquery ui,jqgrid,zend构建)

Question

我应该用jqgrid,Jquery日历+其他Jquery ui +背景图片等打印网站的网页.在服务器端用Zend Framework构建它.

我没有网页打印的经验和知识,但我在工作中得到了这个使命.

我需要:

1. 好的教程或书(我读到有关背景图像的问题)很好地研究这个问题(我有时间).

2. 更实用的说明如何打印使用Jquery + Jquery UI + jqgrid构建的网页(我知道Jquery UI与浏览器的兼容性问题与yui(雅虎库)相比).

感谢所有有帮助的好人,

Answer 1

打印的许多问题都可以media通过样式表定义的属性来解决.你可以申报

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

仅包含一些css用于屏幕,用于media="all"定义一些信息显示在屏幕和打印机上,或者只在打印期间显示html元素.以jQuery UI为例,您可以找到一个好主意,只打印选定的选项卡(或手风琴).你可以找到有用的不打印一些隐藏的div像div.loadingui.所以你可以制作一个类似的CSS

<style  type="text/css" media="screen">
    #printableButNotVisible { display:none }
</style>
<style type="text/css" media="print">
    #accordion h3, #vcol, div.loadingui, div.ui-tabs-hide,
               ul.ui-tabs-nav li, td.HeaderRight { display:none }
    #printableButNotVisible { display:block }
</style>

这只是一个例子,但我希望解释一下这个主要想法.此外,您可以在html文档中动态创建css并插入或切换(请参阅http://docs.jquery.com/Tutorials:5_Quick_jQuery_Tips#Switch_A_Stylesheet).

在打印过程中从页面中删除菜单是一个好主意,但我不能给你一个例子,因为我不知道你使用什么样的菜单.

如果有人知道jQuery UI和jqGrid的打印介质的CSS,那对我来说也会非常有趣.