WIS blogg

Dette er hverken nytt eller revolusjonerende, men for mange brukere av Internett kan det bety mye at vi får orden på dette.

Utskrift av nettsider har alltid vært en pine

Utskriften tar med toppen og menyene, og det blir for lite plass på arket til selve dokumentet.

På stort sett alle nettstedene vi har laget, har vi vært nødt til å lage egne "utskriftsvennlige" maler. Det er ofte plassert et ikon med link til dem helt oppe til høyre. Denne løsningen har til dels fungert, men det har vært noen alvorlige svakheter:

• Alle spesielle maler måtte lages i to versjoner. Når det senere har blitt gjort endringer på skjermmalen, blir det kanskje ikke gjort samme endring på utskriftsmalen. Dermed blir ikke utskriften lik det som står på skjermen.
• På sider med valgfelt og søkefelt som styrer innholdet på siden, er det litt ekstra jobb for å overføre disse valgene til utskriftsmalen for å få innholdet der til å bli det samme. Det betyr igjen at en ikke får til en fin utskrift av det som en ser på skjermen.

Men det finnes en enkel løsning

Løsningen har eksistert en stund, men det er mange nettsted som enda linker til utskriftsvennlige sider. Løsningen er å legge til et eget stilark for utskrift som skjuler det som skal bort. I tillegg kan en på det vanlige stilarket skjule noe som stilarket for utskrift viser. På den måten kan en få med seg en logo og litt info på utskriften. Slik gjør du:

1. Sett venstremeny og topptekster inn i egne <div> med egne navn (f.eks. "meny", "toppskjerm" eller lignende)
   <div class="meny">Her kommer menyen..</div>
2. Sett inn en <div> som inneholder det du ønsker å ha på utskriftene og kall den f.eks. "topputskrift".
3. På det ordinære stilarket legger du inn at topputskrift skal skjules:
   .topputskrift {display: none;}
4. Så lager du et nytt stilark for utskrift som bare inneholder følgende:
   .meny, .toppskjerm {display: none;}
   .topputskrift {display: inline;}
5. Sett inn link til stilarket for utskrift og ta med media="print". Det vil brukes på utskrift og forhåndsvisning.

Og det fine er at dette virker i alle nettlesere som er i normal bruk nå.

Har jobbet en del med editor for prosess-skjema i det siste. Som grunnlag for denne editoren har vi brukt et eksternt bibliotek som heter Open-jACOB Draw2D. I utgangspunktet støttet ikke editoren alle de funksjonene vi ønsket oss, så en god del objekter ble lagt til av oss. Sluttresultatet ble ikke så alt for ille, som du kan se i følgende skjermdump:

Det som virkelig imponerer meg med dette biblioteket, er oppdateringsfrekvensen. Dersom du kikker nedover hjemmesiden til prosjektet, ser du at biblioteket har blitt oppdatert nesten daglig. Flere av de funksjonene vi implementerte da vi begynte på dette prosjektet har allerede blitt implementert av den originale utvikleren. Noen av de nye funksjonene er også noe vi ønsker oss, men jeg tror det er best om vi venter litt med å legge til disse i vår editor. Med den hastigheten de utvikler nye elementer i bilioteket sitt, vil vi bare bli sittende og oppdatere denne editoren hvis vi skulle følge deres oppdateringer.