-2

我有一个非常简单的页面生成一张票。它在用户名+票号后面有一个img。一切都正确显示，但 Firefox 根本不打印这些名称。有任何想法吗？

编辑：我已经添加了我在那里的所有代码。不知道我可以添加更多。

<!DOCTYPE html>    
<html>
    <head>
        <meta charset="UTF-8">
        <title>FN Ticket</title>
        <style>
            body{
                overflow:scroll;
                text-align:center;
            }
            .box{
               /* background-image: url('/images/Karolina_GFX/2bilet.jpg');*/
                background-repeat: no-repeat;
                height:1200px;
                width:848px;
                margin-left:auto;
                margin-right:auto;
            }
            .data{
                position:relative; bottom:820px;
                margin-left:auto;
                margin-right:auto;
            }
            #imie{
               display:inline; 
               font-size:36px;
               color:#4D4949;
            }
            #nazwisko{
               display:inline;
               font-size:36px;
               color:#4D4949;
            }
            #kod{
               font-size:36px;
               color:#4D4949;
            }
            .print{
                margin-left:auto;
                margin-right:auto;
                margin-top:20px;
                margin-bottom:20px;
                padding:5px;
            }

     @media print {
         .print{
             display:none;
         }
    }

        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    </head>
    <body>
        <button class='print'>WYDRUKUJ</button>
        <div class='box'>
            <image src='/images/Karolina_GFX/2bilet.jpg'>
            <div class='data'>
            <p id='imie'><?php echo $ticketData[0]->f_name; ?> </p>
            <p id='nazwisko'><?php echo $ticketData[0]->f_surname; ?></p>

            <p id='kod'>Kod: <?php echo $ticketData[0]->f_code; ?></p>
        </div>


            <script>
            $('.print').on('click', function(){
                print();
            });
            </script>
    </body>
</html>
4

5 回答 5

2

使用window.print()，因为这是浏览器功能

Mozilla 文档

于 2016-07-28T13:42:34.797 回答
1

您可以简单地使用 window.print() 函数来为您完成工作。

https://developer.mozilla.org/en-US/docs/Web/API/Window/print

于 2016-08-04T02:27:23.430 回答
1

答案是您需要在 Mozilla Firefox 打印对话框中进行设置。您应该告知用户这一点，因为我不知道有任何方法可以从 javascript 激活它。 在此处输入图像描述

于 2016-07-29T12:31:04.577 回答
0

看起来最近很少有 Firefox 更新解决了这个问题。

于 2016-08-02T11:04:05.187 回答
0

我通过直接在按钮上附加printtoonClick事件解决了类似的问题。尝试使用下面的代码：

onclick='printMe()'

当你的函数应该包含：

window.print();
于 2016-07-29T12:10:49.427 回答