-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

1

答えは、Mozilla Firefox の印刷ダイアログで設定する必要があるということです。JavaScript から有効にする方法がわからないため、ユーザーにそのことを通知する必要があります。 ここに画像の説明を入力

于 2016-07-29T12:31:04.577 に答える
1

あなたのために仕事をするwindow.print()関数を使うだけです。

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

于 2016-08-04T02:27:23.430 に答える
0

最近のFirefoxのアップデートでこの問題が修正されたようです。

于 2016-08-02T11:04:05.187 に答える