Javascript - jak oříznout/zobrazit část html - pro tisk

Javascript - jak oříznout/zobrazit část html - pro tisk
Dobrý den, potřeboval bych pomocí javascript vyříznout jen část html stránky. Mám prostě html stránku a v té je obsah, který potřebuji vytisknout a nechci tam mít zbylé části webu (menu atd.). Jak by to šlo udělat? Díky

ODPOVĚĎ


Dobrý den,



šlo by vytvořit třeba javascript funkci printDiv('print'), tu pak volat třeba přes tlačítko.



Skript níže pak provede ořez (vymazání) všeho mimo obsah ohraničený id (např. id="print") + zachová hlavičku HTML stránky (stylování atd.). Pomocí w.print() se vyvolá nabídka tisku.
Publikováno dne 08.04.2019 do rubriky IT Programování

Komentáře

Vaše reakce na Javascript - jak oříznout/zobrazit část html - pro tisk

Související obsah

programovani

Javascript - jak oříznout/zobrazit část html - pro tisk PHP JSON - json_decode vrací 1 místo pole
Nedávno jsem v jedné PHP aplikaci postavené na Nette narazil na zajímavý problém s dekódování json do pole.…
Javascript - jak oříznout/zobrazit část html - pro tisk Migrace Bootstrap 4 na Bootstrap 5
Migraci z Bootstrap 4 na Bootstrap 5 je možné provést vcelku rychle. Zde je vypíchnuto pár hlavních odlišností a co s nimi....  
Javascript - jak oříznout/zobrazit část html - pro tisk CSS Bootstrap - jak nastavit offset pro kotvu pod navbarem (anchor)
Podíváme se na řešení nepříjemnosti, která spočívá v tom, že když používáme Bootstrap s navbarem a odkazujeme na nějakou
Javascript - jak oříznout/zobrazit část html - pro tisk Bootstrap, CSS a Media Query - proporcionální změna velikosti obrázku dle breakpointu
Mějme nějaký html kód, kde používáme Boostrap (i když to zde není nutné) a své CSS styly. V…
Javascript - jak oříznout/zobrazit část html - pro tisk Nette Logger - jak nastavit vlastní název logovacího souboru
Nyní se podíváme na Nette Logger - jak nastavit vlastní název logovacího souboru. Klasické logování v Nette
Javascript - jak oříznout/zobrazit část html - pro tisk PHP Nette - Tracy - jak navýšit limit pro vypsané SQL
Během debugu Nette projektu pomocí Tracy může být někdy potřeba zobazit více SQL
Javascript - jak oříznout/zobrazit část html - pro tisk Nette AJAX - Uncaught TypeError: $.nette is undefined
Jak vyřešit chybu Uncaught TypeError: $.nette is undefined, která se může zobrazit v Nette projektu, když chceme…
Chcete více obsahu?
Toto není vše, více článků k programovani naleznete zde

html

Javascript - jak oříznout/zobrazit část html - pro tisk Migrace Bootstrap 4 na Bootstrap 5
Migraci z Bootstrap 4 na Bootstrap 5 je možné provést vcelku rychle. Zde je vypíchnuto pár hlavních odlišností a co s nimi....  
Javascript - jak oříznout/zobrazit část html - pro tisk CSS Bootstrap - jak nastavit offset pro kotvu pod navbarem (anchor)
Podíváme se na řešení nepříjemnosti, která spočívá v tom, že když používáme Bootstrap s navbarem a odkazujeme na nějakou
Javascript - jak oříznout/zobrazit část html - pro tisk Bootstrap, CSS a Media Query - proporcionální změna velikosti obrázku dle breakpointu
Mějme nějaký html kód, kde používáme Boostrap (i když to zde není nutné) a své CSS styly. V…
Javascript - jak oříznout/zobrazit část html - pro tisk Python Selenium - jak nastavit proxy pro Firefox (geckodriver)
Dobrý den, jak nastavit proxy pro firefox (geckodriver) při použití Python Selenium? Rád bych tímto zamezil zablokování zdrojové IP…
Javascript - jak oříznout/zobrazit část html - pro tisk Python Selenium - jak změnit atribut HTML elementu?
Dobrý den,potřeboval bych změnit atribut HTML elementu. Mám např. element:< input id="xyz" name="count" value=…
Javascript - jak oříznout/zobrazit část html - pro tisk Bootstrap - zobrazit různý obrázek dle rozlišení / dle break point (Responsive breakpoints)
Ahoj.používám bootstrap 4 a potřeboval bych změnit obrázek na základě rozlišení / zařízení / dle break point. Zkusil jsem to pomocí "Display…
Javascript - jak oříznout/zobrazit část html - pro tisk Bootstrap 4 - schovat element na breakpointu (d-none)
Dobrý den, potřebuji na webu, který využívá Bootstrap 4 docílit toho, že když je šířka webu zmenšovaná, tak aby se na breakpointu "md" skryl zbytek…
Chcete více obsahu?
Toto není vše, více článků k html naleznete zde

javascript

Javascript - jak oříznout/zobrazit část html - pro tisk Webpack - svg ikonky pomocí SVGSpritemapPlugin (3)
Nyní se naučíme pomocí webpacku převést všechny svg ikonky (zbuildit) do jediného souboru …
Javascript - jak oříznout/zobrazit část html - pro tisk Webpack - separátní balíček js a css, použití bootstrap (2)
V tomto díle se podíváme na již trochu více realistické použití nástroje Webpack , kdy chceme aby výstupem byl soubor css…
Javascript - jak oříznout/zobrazit část html - pro tisk Webpack - instalace a základní použití (1)
V prvním díle se podíváme na základní použití nástroje Webpack .   Instalace Je potřeba mít v systému …
Javascript - jak oříznout/zobrazit část html - pro tisk Nejlepší WYSIWYG text editory pro web zdarma (jQuery, JavaScript)
Ahoj,mám problém najít dobrý WYSIWYG text editor, který bude zdarma. Potřebuji ho na úpravu článků (textu) na mém webu, aby se jednoduše…
Javascript - jak oříznout/zobrazit část html - pro tisk Bootstrap modal js - jak zabránit shození modal okna klávesnicí či klikem
Ahoj,potřeboval bych vědět, zda jde docílit toho, aby nešlo shodit Bootstrap modal okno jednoduše kliknutím mimo modal okno nebo zmačnutím…
Javascript - jak oříznout/zobrazit část html - pro tisk Javascript - zvyšování a snižování čísla pomocí tlačítek plus a mínus
Ahoj, potřeboval bych na web dát javascript, který by pomocí tlačítka plus a mínus zvyšoval či snižoval číslo. Představte si to jako v nákupním…
Javascript - jak oříznout/zobrazit část html - pro tisk JavaScript - TypeError: document.getElementsByClassName(...).style is undefined
Ahoj, když se snažím na HTML stránce skrýt obsah pomocí tlačítka na Ukaž / Skryj podle tohoto návodu https://cloud.up4.cz/poradna/48-tlacitko…
Chcete více obsahu?
Toto není vše, více článků k javascript naleznete zde

form

Javascript - jak oříznout/zobrazit část html - pro tisk Symfony API platform - nelze přidat relační záznam - An error occurred - Invalid IRI
Dobrý den,použivám Symfony API platform a když chci přidat relační záznam, tak dostávám chybu:exception":"[object] (Symfony\…
Javascript - jak oříznout/zobrazit část html - pro tisk PHP Nette - validace formuláře - REGEX pravidlo pro české znaky + mezera a pomlčka
Ahoj,mám v PHP Nette projektu formulář s inputem na jméno, který je pomocí REGEX pravidla takto validován:$form-…
Javascript - jak oříznout/zobrazit část html - pro tisk PHP Nette AJAX - dynamický formulář s multiselect - neposílá hodnoty (This field is required)
Dobrý den,mám v mojí PHP Nette aplikaci formulář, který se překresluje pomocí AJAX ve snippetu a obsahuje multiselect. Překreslení ajaxem…
Javascript - jak oříznout/zobrazit část html - pro tisk Nejlepší WYSIWYG text editory pro web zdarma (jQuery, JavaScript)
Ahoj,mám problém najít dobrý WYSIWYG text editor, který bude zdarma. Potřebuji ho na úpravu článků (textu) na mém webu, aby se jednoduše…
Javascript - jak oříznout/zobrazit část html - pro tisk Javascript - zvyšování a snižování čísla pomocí tlačítek plus a mínus
Ahoj, potřeboval bych na web dát javascript, který by pomocí tlačítka plus a mínus zvyšoval či snižoval číslo. Představte si to jako v nákupním…
Javascript - jak oříznout/zobrazit část html - pro tisk PHP Nette - jak vymazat obsah inputu po odeslání AJAX formuláře
Dobry den, mam problem - posilam v php nette formular pres ajax, coz funguje. Mam tam ale problem s tim, ze po odeslani se text co vkladam v inputu…
Javascript - jak oříznout/zobrazit část html - pro tisk PHP Nette - jak zaokrouhlit čas na celé hodiny z datetime
Ahoj, dělám v PHP Nette a potřeboval bych zaokrouhlovat hodnoty s časem (datetime), které jsou odeslané z formuláře na celé hodiny. Jak toho docílit?…
Chcete více obsahu?
Toto není vše, více článků k form naleznete zde

print

Chcete více obsahu?
Toto není vše, více článků k print naleznete zde
Seník pod Korunou
Střelnice bojových vozidel Bahna 1000

Reference

Podívejte se na naše reference

Prohlédnout
Kolvínka S3
Kolvínský potok

Aplikace

Podívejte se na naše aplikace

Prohlédnout
Na kole: Úsek Berounka červená - Kříše - Darová - U Kolečků - Velká Radná - Kaceřovský Mlýn - Žíkovský mlýn
Šumava - Vlčí výběh, hrad Velhartice a Kašperk, Kašperské Hory, Čenkova pila
Pozorovatelna na Houpáku
Seník pod Tokem
Na Kolvíně se po výbuchu těžce zranili vojáci

Co umíme?

Podívejte se co umíme

Prohlédnout

Co umíme?

Vytváříme sofistikované aplikace pro náročné

Od webových aplikací přes android až po převodové můstky či složité informační systémy.

Podívejte se k nám

Máte ještě čas? Podívejte se na další rubriky

Bike & trail Bike & trail
Blog Blog
Brdy Brdy
Hry Hry
Inspirace Inspirace
IT IT
Letectví Letectví
Výlety Výlety
Tento web používá soubory cookie. Dalším procházením tohoto webu vyjadřujete souhlas s jejich používáním.. Více informací zde.