2011-07-22 6 views

Odpowiedz

4

Nie jestem pewien, czy ja coś źle zrozumieć tutaj, bo to wydaje się bardziej jak pytanie javascript następnie szyny mi jedno: Ale o to, w jaki sposób zrobić link drukowania:

<a href="#" onclick="window.print();return false;">print me</a> 

Uwaga:return false jest krytyczny, w przeciwnym razie aplikacja zawiesi się.

Można również specjalną stronę wydruku tylko żądanej informacji i mają window.print w przypadku onload jak ten:

<body onload="window.print();"> 
+0

Dzięki za kody. Udało się, ale chcę, aby drukował tylko określoną sekcję strony. Jak mogę to zrobić? –

+0

Myślę, że najłatwiej byłoby użyć drugiej metody. Utwórz dynamiczną stronę wydruku, więc gdy użytkownik kliknie "Drukuj" na stronie głównej, połączysz to z nową stroną print /? Studentid = 12345, która otworzy się w nowym oknie. Na nowej stronie umieszczasz wszystkie istotne informacje dla żądanego ucznia i posiada onload = "window.print();" kod w tagu body, który otworzy okno dialogowe drukowania zaraz po załadowaniu strony. –

0

Alternatywnie można załadować arkusz stylów wydruku, który używa „display: none "na elementach div, które chcesz ukryć. Ma dodatkową zaletę, że jest stylizowany w dowolny sposób i można go użyć w pierwszym przykładzie powyżej lub w łączu "Drukuj mnie" zamiast w wersji onload.

4

Dołącz to w miejscu, w którym chcesz dodać przycisk drukowania

function printPage() { 
    window.print() 
} 

Po tym, dać link lub przycisk

<%= link_to "print", "#", onclick: "printPage()" %> 
6

można użyć tego tagu, aby linka druku.

<%= link_to 'print', 'your_link_here', :onclick => 'window.print();return false;'%> 

Teraz, jeśli chcesz wydrukować konkretny punkt, można użyć typów mediów CSS

/*This css will only works when you print*/ 
@media print { 
    body { 
    background: #FFF; 
} 
} 
Powiązane problemy