2016-05-18 11 views
-2

私はチケットを生成する本当に簡単なページを持っています。それはユーザーの名前+チケットコードの後ろにimgを持っています。 すべてが正しく表示されていますが、firefoxはこれらの名前をまったく表示しません。何か案は?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> 
+0

「print」関数のコードはどこですか? – MysterX

+0

Firefoxのみがこのように動作しますか?他のブラウザでチェックインしましたか? –

+0

@MysterXはそれを上に追加しました。ごめんなさい – divHelper11

答えて

0

であるように私は直接ボタンにprintonClickにイベントを取り付けることにより、同様の問題を修正しました。以下のコードを使用してみてください:

onclick='printMe()' 

あなたの関数が含まれている必要がありますとき:

window.print(); 
+0

不要です。 onclick = "window.print()"、またはonclick = "javascript:window.print()"はすべての主要なブラウザでジョブを実行します。 –

1

答えはあなたがMozilla Firefoxの印刷ダイアログでそれを設定する必要があります。私はjavascriptからそれをアクティブにする方法を知らないので、あなたはそれをユーザーに知らせるべきです。 enter image description here

0

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

1

あなたは仕事をするwindow.print()関数を使うことができます。

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