Jquery nyomtatási div
Hello. Ma próbálja megoldani a problémát, hogy szembesíti, aki megpróbálja kinyomtatni valamit az oldalon, azaz a nyomtatás jquery div.
Feladat: jquery div print
Megoldás: jquery div print
Először ki kell választania a div a jQuery és írt a változó tartalmát (valójában mi majd kinyomtatja a tartalmát):
Kész. Most gondoljon, hogyan tudjuk, elvileg nyomtatni semmit a JS? A legegyszerűbb megoldás (használata nélkül mindenféle PDF) - A nyomtatási funkció. De ez a funkció csak az objektum 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):
És most, hogy a dokumentum objektum és egy ablak az újonnan létrehozott iFrame:
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ílus és különleges média, lásd. JsFiddle végén a cikk).
És hívja a print:
Kész. nyomtatási párbeszédablak nyílik meg, és kiírjuk csak a tartalmát egy adott div (jQuery print div), és a kimeneti a felhasználó felesleges pop-up.
Díszíteni eredmények: jQuery print div
Mit lehet tenni annak érdekében, amink van?
1) Tegyük távolítsa el 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) Tegyük hozzá, hogy a nyomtatott tartalom és több 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):
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:
Persze, a végrehajtás jquery div nyomtatási eltérő lehet, remélem, hogy az ötlet a végrehajtási sikerült közvetíteni.
Részletek a munka demo fenti kódot jquery div lehet nyomtatni jsFiddle. vagy csak az alábbi:
Nos, ha az autó lerobbant, vagy egyszerűen csak túl lusta menni a kormány mögött - Service taxik olcsók Moszkva segít eljutni a célig. Grammotno vezetők, jó szolgáltatást, és nem drága.
- Hogyan állapítható meg, a jquery válasszuk szöveg ...
- Tesszük végtelen csúszka jquery ...
- Egyenletes görgetés oldalak ...
