Kodeeksempel: maksimer browservinduet


Eksemplerne må benyttes med kildeangivelse!



Maksimer browser-vinduet:

På cv.html er det muligt at trykke på nogle links, der åbner nye browservinduer, hvori udtalelser fra tidligere arbejdsgiver vises. For at udtalelsen kommer til sin "ret" skal det vises i maksimeret udgave. Til dette har jeg fundet følgende lille javascript.


top.window.moveTo(0,0); 
if (document.all)
   { top.window.resizeTo(screen.availWidth,screen.availHeight); } 
else if 
   (document.layers || document.getElementById)
      {
       if
    (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) 
     { top.window.outerHeight = top.screen.availHeight; 
       top.window.outerWidth = top.screen.availWidth; }
   }

Kilden er http://www.programmersheaven.com/2/FAQ-JavaScript-Maximize-Browser-Window-To-Screen
Jeg har igen valgt at lave javascriptet som en ekstern fil. Denne har jeg døbt "maxScreen.js"
Når der maksimeres er effekten ikke helt køn, da det nye vindue først vises ganske kort i en mindre udgave. Finpudsning følger derfor. Men fremgangsmåden er følgende:

Udtalelsen (som denne teknik anvendes på) er på i alt 3 sider. Disse sider har jeg indskannet og der er lavet en .html-side til hvert indskannede billedfil, et eksempel herpå er "nord1.html". Udover at indeholde en reference til hver sin billedfil indeholder de også et kald til scriptet "maxScreen" i deres head-del.


<script src="maxScreen.js" type="text/javascript"> </script>


Og det er det hele. Ikke noget i body-delen på hverken cv.html eller nord1.html.







Valid CSS!

Valid XHTML 1.0!