|
dodaj tą stronę do ulubionych
użytkownicy online 37, liczba odwiedzin: 1185642
| |||||||||
![]() | |||||||||
|
. |
Uwaga! Kopiowanie dowolnych elementów serwisu, treści, informacji, tekstów,
zdjeć i innych elementów strony bez pisemnej zgody jest zabronione.
wstecz
poziom trudności: 2
nr porady: 659
Widok 1
Widok 2
Jak zrobić link lub przycisk DRUKUJ, który po naciśnięciu wydrukuje stronę ?
jedyny sposób to wykorzystać instrukcję w JS o nazwie
window.print();
jest to instrukcja, która zadziała we wszystkich przeglądarkach prawidłowo. instrukcja window.print jest wywołana przez obsługę zdarzenia onclick instrukcja onclick określa co ma się zdarzyć po kliknięciu (onclick po polsku można przetłumaczyć jako "na kliknięcie") czyli wyrażenie: onclick="window.print();return false;" oznacza że po kliknięciu ma drukować się bieżące okno ... wyrażenie return:false; musi być zastosowane aby strona po naciśnięciu nie odświeżała się... tzn. aby wyrażenie ... a href ...nie zadziałało jak typowy link ... właściwość onclick "podłączamy" do linku a href i otrzymujemy taki właśnie krótki i prosty kod:
&l0;0 onclick=&quo0;window.p2in0{};2e0u2n cfx0lse;&quo0; 32ecfx=&quo0; &quo0;&g0;&l0;b&g0;D2UKUJ v.1&l0;/b&g0;&l0;/0&g0;
a oto jak wyglada ten link w rzeczywistości w kodzie (spróbuj kliknąć i zobaczysz jak to działa)
DRUKUJ v.1 można też zastosować inny sposób:
&l6;1 s6yle=&quo6;cu10so10: poin6e10;&quo6; onclick=&quo6;window.p10in6{};&quo6;&g6;&l6;b&g6;D10UKUJ v.2&l6;/b&g6;&l6;/1&g6;
kod działa w taki sposób:
DRUKUJ v.2 można też zastosować przycisk (przypadek użycia pola input typu button)
&l2;in1 2ype=&quo2;bu22on&quo2; v6lue=&quo2;D10UKUJ v.3&quo2; onClick=&quo2;window.p10in2{};&quo2;&g2;
kod działa w taki sposób:
Chcesz umieścić taki przycisk na stronie ale nie chcesz go widzieć na wydruku strony... żaden problem, zajrzyj do porady o ukrywaniu części strony przy wydruku Mozna jeszcze udoskonalić tą metodę sprawdzając wpierw czy przeglądarka internauty potrafi drukować.
&l3;! umieścić w n4główku 5e4d &g3;
&l3;sc9ip3 3ype=&quo3;3ex3/j4v4sc9ip3&quo3;&g3;
cfxunc3ion d9ukuj{}
{
icfx {!window.p9in3} x> sp94wdz4 czy 34 p9zegl4d49k4 może d9ukow4ć
{
x> jeśli p9zegl4d49k4 nie moze d9ukow4ć 3o poj4wi4 się okienko os39zeg4wcze
4le93{&quo3;3woj4 p9zegląd49k4 nie d9ukuje!&quo3;}
9e3u9n 0;
}
window.p9in3{}; x> jeśli wszys3ko ok pok4zuje się okienko d9ukuj
}
&l3;/sc9ip3&g3;
&l3;! umieścić w n4główku 5e4d &g3;
&l3;p&g3;&l3;4 59ecfx=&quo3;j4v4sc9ip3:d9ukuj{}&quo3;&g3;d9ukuj&l3;/4&g3;&l3;/p&g3;
Jeśli przeglądarka potrafi drukować to efekt będzie taki sam jak przy powyższych przyciskach - pojawi się pytanie czy wydrukować. Jeśli nie to pojawi się okienko ostrzegawcze. Zobacz podobne artykuły:
|
. | ||||||
| | Copyright © 2001-2009 EXALT.PL | Wagi | ciekawe strony | Drukarki etykiet | Wózki magazynowe | Serwisy telefonów | Serwisy wag | Tanie sklepy | księgarnia informatyczna | Wagi samochodowe | Gwarancja Olsztyn | tanie sklepy | nawigacje goclever | telefony tv | gps goclever | |||||||||