zoukankan      html  css  js  c++  java
  • Web Browser 打印预览

    <script type="text/javascript">
        // 打印方法  
        function PrintGrid(ElementId, PageTitle) {
            var ReportContent = "";
            var PrintWindow = window.open("", "mywindow", "menubar=1,status=1,scrollbars=1,width=800,height=500");
    
            ReportContent += "<html>";
            ReportContent += "<head>";
            ReportContent += "<title>";
            ReportContent += PageTitle;
            ReportContent += "</title>";
            ReportContent += "<style type='text/css'>";
            ReportContent += "<link rel='stylesheet' type='text/css' href='http://www.cnblogs.com/Content/css/right.css'/>";
    
    
            ReportContent += "body { font-family: Arial 12px; margin: 0px;  100%; }";
            ReportContent += ".print-header {  100%; border: solid 1px Black; text-align:center; vertical-align: middle; margin: 5px 0px 5px 0px; line-height: normal; font-size:14px; background-color: #cbcbcb; }";
            ReportContent += ".tablestyle { font-family: Arial; font-size: small; border: solid 1px #8C8C8C; font-size: 12px;}";
            ReportContent += ".headerstyle th { border-color: #ABABAB; border-style: solid solid solid none; border- 1px 1px 1px medium; text-align:left; font-weight: normal; vertical-align: bottom; background-color: #ececec; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top;}";
            ReportContent += ".rowstyle td { border-color: #ABABAB; border-style: solid solid solid none; border- 1px 1px 1px medium; text-align:left; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top; }";
            ReportContent += ".altrowstyle td { border-color: #ABABAB; border-style: solid solid solid none; border- 1px 1px 1px medium; text-align:left; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top; }";
            ReportContent += ".PrintVisibleCol { display: block; }";
            ReportContent += ".PrintInvisibleCol { display: none; }";
            // Added H1 and H2 for printing the checklist data item grading page.
            ReportContent += "H1 { text-align:left; font-size: 14px; font-weight:normal; font-weight: bold;}";
            ReportContent += "H2 { text-align:left; font-size: 14px; font-weight:normal; font-weight: bold;}";
    
            ReportContent += "</style>";
            ReportContent += "</head>";
    
            ReportContent += "<body onload='window.print();'>";
            //ReportContent += "<body>";
    
            ReportContent += "<div style='text-align: left; margin: 5px 0px 2px 2px;'><img src='/images/logo.gif' border='0'></div>";
    
            ReportContent += "<table cellspacing='0' cellpadding='0' width='100%' class='print-header'>";
            ReportContent += "<tr>";
            ReportContent += "<td style='padding: 5px 0px 5px 0px;' align='center'>" + PageTitle.toUpperCase() + "</td>";
            ReportContent += "</tr>";
            ReportContent += "</table>";
    
            ReportContent += " <table cellspacing='0' cellpadding='0' width='100%' class='print-grid-content'>";
            ReportContent += "<tr>";
            ReportContent += "<td valign='top'>";
    
            if (document.getElementById(ElementId) != null) {
                var eles = $("#" + ElementId).find("input:checked");
                if (eles.length > 0) {
                    eles.each(function () {
                        ReportContent += "<tr align='center'>" + $(this).closest("tr").html() + "</tr>";
                    });
                }
                else {
                    ReportContent += $("#" + ElementId).html();
                }
            }
    
            ReportContent += "</td>";
            ReportContent += "</tr>";
            ReportContent += "</table> ";
    
            var dteNow = new Date();
            ReportContent += "<div style='padding: 10px 0px 10px 2px; font-family: Arial; font-size: 9px; text-align: center;'>Copyright &copy; " + dteNow.getFullYear() + " 公司名 Inc. All rights reserved.</div>";
    
            ReportContent += "</body>";
            ReportContent += "</html>";
    
    
            PrintWindow.document.write(ReportContent);
            PrintWindow.print();
            PrintWindow.document.close();
            return false;
            //PrintWindow.focus();
        };
    </script>

    注:以上是个简单的例子,在使用时根据具体的需求进行调整 样式。

  • 相关阅读:
    小埋的Dancing Line之旅:比赛题解&热身题题解
    洛谷P1311 选择客栈
    洛谷 P1039 侦探推理
    洛谷P1140 相似基因
    反⑨baka拖更大队:临时约法
    随机数据生成器
    洛谷P2285 【[HNOI2004]打鼹鼠】
    洛谷P3958 奶酪
    YII 关联查询
    Filter
  • 原文地址:https://www.cnblogs.com/zhangxp1129/p/2986622.html
Copyright © 2011-2022 走看看