Kodeeksempler: nytVindue


Eksemplerne må benyttes med kildeangivelse!

W3C standarden har valgt at attributten "target" på form-elementet ikke må bruges når der vælges dtd'en strict.
Derfor omgår jeg dette ved at lave følgende i et javascript.



Koden til javascriptet "nytVindue.js" ser således ud:

var width ='1200';
var height ='1200';
var xPos='50';
var yPos='200';
var xPosAuto=true;
var yPosAuto=true;
var toolbar='yes';
var locationbar='no';
var menubar='yes';
var status='no';
var scrollbars='yes';
var resizable='yes';
function openWindow(url){
var screenWidth=parseInt(screen.width);
var screenHeight=parseInt(screen.height);
if (xPosAuto) xPos=parseInt((screenWidth-parseInt(width))/2);
if (yPosAuto) yPos=parseInt((screenHeight-parseInt(height))/2);
arg = 'channelmode=no,width='+width+',height='+height+',top='+yPos+',left='+xPos+',
-->toolbar='+toolbar+',location='+locationbar+',status='+status+',menubar='+menubar+',
-->scrollbars='+scrollbars+',resizable='+resizable;
window.open(url,'',arg);
}

Pilene "-->" i teksten skal ikke medtages, men kodelinien er så lang, at jeg har været nødt til at indsætte pilene for at vise at koden fortsætter på næste linie.

Koden anvender jeg til (på mit cv) at sørge for, at der ved klik på linket til udtalelserne bliver åbnet et nyt vindue.
Udkastet til koden har jeg fra Libris-hæftet: "Martin Sundstrøm: 44 JavaScripts - klar til brug" Jeg har dog tilrettet koden så det passer til mit behov.



Selve scriptet kaldes fra cv.html i head'delen:

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


og anvendes i body-delen ved klik på linket til udtalelsen:

<a href="#" onclick="openWindow('nord1.html')" class="noprint">Udtalelse side 1 af 3</a>


Denne fremgangsmåde betyder dog, at jeg i stedet for direkte at kalde billedfilen (som jeg har liggende for sig selv på hjemmesideserveren) er nødt til at lave et html-dokument som kun har ét formål, nemlig at referere til billedfilen og vise denne når siden bliver kaldt.
Jeg har på fornemmelsen, at der er en anden og bedre løsning, men lige nu dækker denne løsning det umiddelbare behov, og da dette er et "fritidsprojekt" vil jeg hellere bruge tid på at nå mange detaljer frem for få.

Valid CSS!

Valid XHTML 1.0!