Hogyan nyomtatni egy blokk kódoló pokoli jegyzetek
Először ki kell választania a div írt egy változó tartalmát (valójában mi majd kinyomtatja a tartalmát):
Kód: var html_to_print = $ ( 'div # to_print) html ().
Most gondoljon, hogyan tudjuk, elvileg nyomtatni semmit a JS? A legegyszerűbb megoldás - használja a nyomtatási funkciót. De ez a funkció csak az ablak. Ezért létre kell hoznunk a háttérben ez a tétel, és ez már okozhat a nyomtatás funkciót.
Tehát létre az iframe (ez lesz a tartály új ablakban):
Kód: var iframe = $ ( '„); // létrehozunk egy változót a iframe
$ ( 'Body') append (iframe) .; // adni ezt a változót iframe testünkben (a vége)
Most, hogy a dokumentum objektum és egy ablak az újonnan létrehozott iFrame:
Kód: var doc = $ ( '# print_frame') # 91; 0 # 93; .contentDocument || $ ( '# Print_frame') # 91; 0 # 93; .contentWindow.document;
var win = $ ( '# print_frame') # 91; 0 # 93; .contentWindow || $ ( '# Print_frame') # 91; 0 # 93 ;;
Object dokumentum (a változó doc), fel kell hívnunk rá a nyomtatási adatokat, és az ablak (változó win) - nevezi magát a tömítést.
Most levezetni egy iframe nyomtatási adatok (akkor, mellesleg, hogy adjunk több stílust és egy speciális sajtóközlemény).
És hívja a print:
nyomtatási párbeszédablak nyílik meg, és kiírjuk csak a tartalmát egy adott div, és nem jelennek meg a felhasználó felesleges pop-up.
díszíteni eredmények
Nézzük eltávolítani a iFrame létre, hogy ne növelje a súlyát az oldalak RAM (és hirtelen az a személy ismét megnyomja a „Nyomtatás” gombra):
2) Add nyomtatni a tartalmát is, és táblázatstílusokat CSS:
Először is rámutatnak a változó stílusok (vagy egyszerűen adja meg a linket egy külső CSS fájl):
Kód: var printing_css = '„
Megjegyzés a chip a média = nyomtatás. Ez azt jelenti, hogy a stílusok végre csak a nyomtatót (ez több chip, ebben az esetben, mint egy igazi plusz).
Ezután a kód: minden páros tr szürke lesz. Megadhat több stílus vagy külső CSS fájlban.
És hozzá ez a változó az adatokat, hogy tegye a nyomtatott iframe. Ehhez kissé változik az értéke a fenti változó html_to_print:
Kód: var html_to_print = printing_css + $ ( '# to_print) html () ;.
Persze, a végrehajtás különböző lehet, remélem, hogy az ötlet a végrehajtási sikerült átadni ..