wydruk zawartości strony, diva

Wydruk zawartości DIVa

Najprostsze i najszybsze rozwiązanie, to użycie gotowej funkcji języka JavaScript: print(), która uruchomi okienko kreatora wydruku. Jeśli nie masz w systemie zainstalowanej drukarki to zgłoszony zostanie wyjątek.

Przykład z wydrukiem całej zawartości strony:

Po Kliknięciu na hiperłącze „drukuj temat” nastąpi wywołanie okienka wydruku. Wydruk dotyczy całej zawartości strony, tak więc wydrukowane zostanie menu strony, nagłówek, stopka itp (czyli cała zbędna zawartość, nie mówiąc już o niepotrzebnej stracie tuszu :). Aby tego uniknąć można w osobnym folderze zapisać pliki z właściwą treścią do drukowania, a na stronie umieścić hiperłącza z odwołaniem do nich, jak w przykładzie poniżej:

Plik gotowy.html z zawartością do wydruku:

Polecenie onload=”javascript:window.print()” wklejamy do znacznika <body>, tak że po otwarciu strony (onload) automatycznie uruchomiony zostanie proces wydruku.

Ostatni już sposób to skorzystanie z właściwości media=”print” i zapisanie osobnego pliku ze stylami CSS, w którym ukrywamy niepotrzebne elementy strony za pomocą np:
display:none.

Przykład zawartości pliku print.css:

I to wszystko, do następnego! ==>

wydrukuj temat