2016-05-18 9 views
-2

Ich habe eine wirklich einfache Seite, die ein Ticket generiert. Es hat einen IMG hinter dem Benutzernamen + Ticket-Code. Alles wird korrekt angezeigt, aber Firefox druckt diese Namen überhaupt nicht. Irgendwelche Ideen?Firefox Druckvariablen

EDIT: Ich habe den ganzen Code hinzugefügt, den ich dort habe. Nicht sicher, was ich mehr hinzufügen kann.

<!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

Wo ist der Code der 'print' Funktion? – MysterX

+0

Nur Firefox verhält sich so? Hast du andere Browser eingecheckt? –

+0

@MysterX fügte es oben, sorry für das – divHelper11

Antwort

0

ich ein ähnliches Problem behoben haben, indem die print zu onClick Ereignis auf dem Button direkt zu befestigen. Versuchen Sie es mit folgenden Code:

onclick='printMe()' 

Wenn Ihre Funktion enthalten:

window.print(); 
+0

Nicht erforderlich. onclick = "window.print()" oder onclick = "javascript: window.print()" erledigt die Aufgabe in jedem gängigen Browser. –

1

Die Antwort ist, dass Sie es im Mozilla Firefox Druckdialog einrichten müssen. Sie sollten die Benutzer darüber informieren, da ich keine Möglichkeit weiß, sie über Javascript zu aktivieren. enter image description here

0

Sieht aus wie einige aktuelle Firefox Updates dieses Problem behoben.

1

Sie können einfach window.print() -Funktion verwenden, die Arbeit für Sie erledigen wird.

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