这些问题,你注意了吗?

Php 打印文章  同一张图片显示在不同的页面

一般php打印东西,都是重新生成一个新的页面,显示打印的内容

打印文字,打印表格(表格的边框,背景显示需要打印机的设置配合)都不是问题,打印文章的时候确出现了同一张图片显示在不同的页面习惯是把文章内容放在一个table 里这就是原因呀,chrome是这样的,firefox确实分页放置的。把表格去掉,就显示正常了

<html>
    <head>
        <title>打印文章-$article[title]</title>
        <style type="text/css">
            <!--
            body {
                text-align: center;
                font-size: 12px;
            }
            h1{ font-size:16px;}
            #main_line{ width:780px; margin:0 auto; position: relative; padding:50px 0; text-align:left;}
            #main_line .title{ text-align:center;}
            #content{ font-size:12px; line-height:20px; width:100%;}
            #content img{ max-width:700px;}
            #print_btn{ text-align:right; position: fixed; top:0; right:0; background-color:#3e3e3e; height:30px; line-height:30px; padding-left:10px;}
            #print_btn a{ margin-right:20px; text-decoration: none; color:#fff; font-size:14px;}
            #print_btn a:hover{ color:#f00;}
            #print_btn span{ color:#fff; font-size:12px; margin-right:20px; display:inline-block;}
            #print_btn span a{ font-size:12px; margin:0 10px 0 0;}
            #print_btn .fontsize_control a{ padding:5px;}
            -->
        </style>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false">
        <div id="main_line" style="width:780px;">
            <div id="print_btn">
                <span class="fontsize_control">
                    字号
                    <a href="javascript:;" onclick="javascript:fontZoomB();">++</a><a href="javascript:;" onclick="javascript:fontZoomA();">--</a>
                </span>
                <span>
                    打印类型:
                    <a href="javascript:;" onclick="javascript:showConType(0);">图文</a>
                    <a href="javascript:;" onclick="javascript:showConType(1);">仅文字</a>
                    <a href="javascript:;" onclick="javascript:showConType(2);">封面图+文字</a>
                </span>
                <a href="javascript:;" onclick="javascript:showPrinter();">打印</a><a href="javascript:window.close();">关闭窗口</a>
            </div>
            <div class="title">
                <h1>$article[title]</h1>
                <p>发布者:$article[username]<!--{if $article[from]}--> <span>|</span> {lang from}: $article[from]<!--{/if}--> <span>|</span> 发布时间:$article[dateline]</p>
            </div>
            <div id="content">
                <!--{if $type == 1}-->
                $contentstr_noimg
                <!--{else if $type == 2}-->
                $contentstr_onlypic
                <!--{else}-->
                $contentstr
                <!--{/if}-->
            </div>
        </div>
        <div style="display:none">
            <table id="contentType0"><tr><td>$contentstr</td></tr></table>
            <table id="contentType1"><tr><td>$contentstr_noimg</td></tr></table>
            <table id="contentType2"><tr><td>$contentstr_onlypic</td></tr></table>
        </div>

        <script src="http://www.pimei.com/static/pimei/js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            
            //双击鼠标滚动屏幕的代码
            var currentpos,timer;
            function initialize()
            {
                timer=setInterval ("scrollwindow ()",30);
            }
            function sc()
            {
                clearInterval(timer);
            }
            function scrollwindow()
            {
                currentpos=document.body.scrollTop;
                window.scroll(0,++currentpos);
                if (currentpos !=document.body.scrollTop)
                    sc();
            }
            document.onmousedown=sc
            document.ondblclick=initialize

            //更改字体大小
            var status0='';
            var curfontsize=10;
            var curlineheight=18;
            function fontZoomA(){
                if(curfontsize>8){
                    document.getElementById('content').style.fontSize=(--curfontsize)+'pt';
                    document.getElementById('content').style.lineHeight=(--curlineheight)+'pt';
                }
            }
            function fontZoomB(){
                if(curfontsize<64){
                    document.getElementById('content').style.fontSize=(++curfontsize)+'pt';
                    document.getElementById('content').style.lineHeight=(++curlineheight)+'pt';
                }
            }
            
            //按钮层隐藏,显示打印机
            function showPrinter() {
                $('#main_line').css('padding-top','0');
                $('#main_line').css('padding-bottom','0');
                $('#print_btn').remove();
                window.print();
            }
            
            // 更换打印类型
            var contentType0 = $('#contentType0 tr td').html();
            var contentType1 = $('#contentType1 tr td').html();
            var contentType2 = $('#contentType2 tr td').html();            
            function showConType(type) {
                if(type == 1) {
                    $('#content').html(contentType1);
                } else if(type == 2) {
                    $('#content').html(contentType2);
                } else {
                    $('#content').html(contentType0);
                }                
            }
            
        </script>
    </body>
</html>
View Code

 

posted on 2013-11-14 14:24  bandbandme  阅读(199)  评论(0编辑  收藏  举报