Hi iedereen,
Ik probeer al een week lang een probleem op te lossen die ik maar niet goed werkend krijg. Mogelijk hebben jullie ideeën?
Wat moet ik hebben?
1) Als mensen op print klikken (zij het als Ctrl+P / File > Print / ...), zou er een nieuwe window moeten opengaan met een pdf.
2) Print-dialog moet niet tevoorschijn komen!
Wat heb ik al gevonden?
Dit gebruik ik nu om een print-dialog te detecten. Ook een Ctrl+P valt met Javascript te decteren.
Probleem:
Popupblockers die niet toelaten om nieuwe window te openen. Heb een omweg gevonden door die pdf in een fancybox te tonen, maar is ook niet ideaal.
Ook blijft die print-dialog staan en vind ik niet hoe ik die moet afsluiten zodat de persoon niet toevallig die pagina print.
Waarom moeilijk doen?
Wel, print.css file wil ik niet gebruiken omdat het eigenlijk een persoonlijke site is die als een "visitekaartje" werkt. Dus als je op print klikt, zou mijn cv in pdf tevoorschijn komen (die heeeeel mooi is!). Een print.css maken met een goede layout is enorm moeilijk. (gezien ik gemodifieerd fullpage.js gebruik voor mijn content weer te geven)
En nee, ik wil niet een "print page" linkje hebben.
Iemand tips?
In principe zou ik dus iets moeten vinden om een print dialog af te sluiten. Of een betere oplossing dan de omslachtige weg dat ik nu volg.
Ik probeer al een week lang een probleem op te lossen die ik maar niet goed werkend krijg. Mogelijk hebben jullie ideeën?
Wat moet ik hebben?
1) Als mensen op print klikken (zij het als Ctrl+P / File > Print / ...), zou er een nieuwe window moeten opengaan met een pdf.
2) Print-dialog moet niet tevoorschijn komen!
Wat heb ik al gevonden?
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| (function() { var beforePrint = function() { /* Hier komt het venstertje tevoorschijn */ }; if (window.matchMedia) { var mediaQueryList = window.matchMedia('print'); mediaQueryList.addListener(function(mql) { if (mql.matches) { beforePrint(); } else { afterPrint(); } }); } window.onbeforeprint = beforePrint; }()); |
Dit gebruik ik nu om een print-dialog te detecten. Ook een Ctrl+P valt met Javascript te decteren.
Probleem:
Popupblockers die niet toelaten om nieuwe window te openen. Heb een omweg gevonden door die pdf in een fancybox te tonen, maar is ook niet ideaal.
Ook blijft die print-dialog staan en vind ik niet hoe ik die moet afsluiten zodat de persoon niet toevallig die pagina print.
Waarom moeilijk doen?
Wel, print.css file wil ik niet gebruiken omdat het eigenlijk een persoonlijke site is die als een "visitekaartje" werkt. Dus als je op print klikt, zou mijn cv in pdf tevoorschijn komen (die heeeeel mooi is!). Een print.css maken met een goede layout is enorm moeilijk. (gezien ik gemodifieerd fullpage.js gebruik voor mijn content weer te geven)
En nee, ik wil niet een "print page" linkje hebben.
Iemand tips?
In principe zou ik dus iets moeten vinden om een print dialog af te sluiten. Of een betere oplossing dan de omslachtige weg dat ik nu volg.
Een tweaker zoekt altijd op Google, ik zou dat ook beter moeten doen :)