Desværre fortæller du ikke hvor meget du i forvejen kender til HTML og JavaScript, så hvis min forklaring her ikke giver nogen mening for dig, så sig endelig til. Jeg går ud fra at du arbejder videre på en eksisterende side, så du burde kunne se koderne <html>, <head>, </head>, <body>, </body> og </html> på din side. Kopier derfor dette:
<script type="text/javascript">
function newWindow(mypage,myname,w,h,features) {
if(screen.width) {
if(w > 500)
w = 500;
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/2;
}
else {
winl = 0;
wint = 0;
}
if (winl < 0) winl = 0;
if (wint < 0) wint = 0;
var settings = 'height=' + h + ',';
settings += 'width=' + w + ',';
settings += 'top=' + wint + ',';
settings += 'left=' + winl + ',';
settings += features;
win = window.open(mypage,myname,settings);
win.window.focus();
}
.. ind på din side, så det står et sted mellem <head> og </head>. Dermed har du på din side indsat en helt generel funktion, hvis funktion blot er at åbne hvilken som helst hjemmeside i et nyt vindue (og den undersøger også om den angivne bredde er større end 500 pixels og hvis det er tilfældet sættes bredden til 500 pixels). Denne kode skal du altså ikke ændre på for at få det til at virke efter dine behov.
Kopier dernæst dette:
<a href="#" onClick="newWindow('default.htm','popup',9999,400,'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=no'); return false;">klik</a>
.. ind på din side, så det står mellem <body> og </body>. Det er et link som vi kender det fra HTML, men der benyttes JavaScript til at kalde funktionen inden for <head> og </head> med diverse argumenter som du selv kan angive for at få vinduet til at se ud som du ønsker.
Som du kan se kaldes funktionen newWindow(); fra body-sektionen via et normalt link. Siden default.htm åbnes med vinduesnavnet popup (dette har ikke noget at gøre med <title>Titel her</title>). Bredden er 9999 pixels (dette bliver så lavet om til 500 pixels fordi 9999 pixels > 500 pixels), højden er 400 pixels og i popupvinduet vises diverse værktøjslinjer, statusbar, scrollbars osv., men jeg har gjort så man ikke kan resize (justere) vinduets størrelse, for så ville man jo kunne gøre det større end 500 pixels.
Husk at hvis du indsætter flere vinduer:
<a href="#" onClick="newWindow('default.htm','popup',9999,400,'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=no'); return false;">klik</a>
<a href="#" onClick="newWindow('default.htm','popup2',9999,400,'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=no'); return false;">klik</a>
<a href="#" onClick="newWindow('default.htm','popup3',9999,400,'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=no'); return false;">klik</a>
<a href="#" onClick="newWindow('default.htm','popup4',9999,400,'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=no'); return false;">klik</a>
... skal du angive et nyt vinduesnavn til hvert vindue.
Ny bruger
Nybegynder
Opret
Preview
