Nu zou ik echter graag bovenaan die pagina een 'onzichtbare' div (ofzo) toevoegen die klikbaar is. Als erop geklikt wordt, dan moet de div zichtbaar worden (een inputveld (login) en button; deze verwijst de gebruiker dan verder naar een editeerbare versie van dezelfde webpagina (via een RTE));
Bij klikken op de gele balk, 'verdwijnt' de div weer zodat deze niet stoort op de printout.
Iemand een idee hoe dit te verwezenlijken? Ik kan een toggle div maken, maar die toggle wordt altijd 'gestuurd' door op een link of button te klikken...
Je kan hiervoor een apart css bestand gebruiken met media='print'. Zo kan je gekke toeren vermijden zoals een onzichtbaar vlak waar mensen op moeten klikken. Imagine the world would work like that!
Ik heb eigenlijk de oplossing van mrvazil gebruikt. Elke gewone gebruiker ziet de pagina zoals in het eerste prentje (niet-editeerbaar). Iedereen kan dan ook gewoon File --> Print doen vanuit de browser.
De mensen in ons team kunnen dan op de blauwe balk klikken, en dan zien ze bovenaan een gele div waar ze paswoord kunnen ingeven om dan redirected te worden naar de editeerbare versie.
Op deze manier heb ik een cleane (printbare) versie voor iedereen
