首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >打印网页问题::寻找良好的教程来打印网页(由Jquery、jqgrid、zend构建)

打印网页问题::寻找良好的教程来打印网页(由Jquery、jqgrid、zend构建)
EN

Stack Overflow用户
提问于 2010-06-02 22:43:00
回答 1查看 9.1K关注 0票数 4

我应该打印网站的网页与jqgrid,Jquery calendar+其他Jquery ui+background图像等。在服务器端,它使用构建。

我在网页印刷方面没有经验和知识,但我在工作中得到了这个使命。

我需要:

  1. 很好的教程或书籍(我读过关于背景图像问题的文章)来很好地研究这个问题(我有时间这么做)。
  2. 更实用的说明是如何打印使用Jquery + Jquery + jqgrid构建的网页(我知道Jquery与yui (雅虎库)存在浏览器兼容性问题)。

感谢这里所有的伟人帮忙,

EN

Stack Overflow用户

回答已采纳

发布于 2010-06-03 00:28:09

在打印方面,您可以解决样式表定义的media属性方面的许多问题。你可以声明

代码语言:javascript
复制
<link rel="stylesheet" type="text/css" media="screen" href="..." />

若要仅在屏幕上包含一些css,请使用media="all"定义在屏幕和打印机上都显示的某些信息,或使html元素仅在打印时显示。例如,使用jQuery UI,您可以找到一个好主意,只打印选定的选项卡(或手风琴)。您可以找到有用的,而不是打印一些隐藏的div,如div.loadingui。这样你就可以做一个CSS

代码语言:javascript
复制
<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>

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

在打印过程中从页面中删除菜单可能是个好主意,但我不能给出示例,因为我不知道您使用的是哪种菜单。

如果有人知道一个好的CSS打印媒体,为jQuery用户界面和jqGrid,这将是非常有趣的我。

票数 5
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2962142

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档