Avatar billede brugtborsen Nybegynder
11. september 2001 - 16:18 Der er 4 kommentarer og
1 løsning

centrering af popup

Hej.. hvordan centrerer jeg mit popup vindue?
Avatar billede keysersoze Ekspert
11. september 2001 - 16:19 #1
Avatar billede brugtborsen Nybegynder
11. september 2001 - 16:22 #2
hmm, det skal være lige meget med hvor stor selve vinduet er.. har du ikke et eksempel? den du kom med centrerede det kun på x-aksen...
Avatar billede michaelb Nybegynder
11. september 2001 - 16:28 #3
For at centrer et vindue på skærmen skal du have fat i brugerens skærmopløsning, og du skal vide popupviduets størrelse.

For af finde skærmopløsningen bruger du:

screen.width
screen.height

Det du så gør er at du trækker popupvinduets bredde fra skærmbredden, dividere det med 2 og afrunder det - på samme måde gælder det på højden. Værdien du så får skal du så bruge når dit nye popupvindue skal åbnes og placeres.

Herunder er der et eksempel på en function der åbner et centreret vindue:


<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
function popCenterWin(sUrl,iWidth,iHeight){

    // HER FINDER VI DEN NYE PLACERING FRA VENTRE OG AFRUNDER DET
    var iLeftPos = Math.round((screen.width-iWidth)/2);

    // HER FINDER VI DEN NYE PLACERING FRA TOPPEN OG AFRINDER DET
    var iTopPos = Math.round((screen.height-iHeight)/2);

    // HER ÅBNER VI ET POPUP VINDUE HVOR VI BRUGE DEN NYE TOP OG VENSTRE VÆRDI VI LIGE HAR FÅET
popwin = window.open(sUrl, \'popwin\', \'width=\'+iWidth+\', height=\'+iHeight+\', top=\'+iTopPos+\',left=\'+iLeftPos+\', scrollbars=0\');
}

</SCRIPT>

<a href=\"java script:void 0;\" onClick = \"popCenterWin(\'http://activeserverpages.dk/\', 730, 400)\">popwin</a>

.::Michael::.
Avatar billede brugtborsen Nybegynder
11. september 2001 - 17:19 #4
tak, michaelb, det var lige din jeg manglede...
Avatar billede michaelb Nybegynder
11. september 2001 - 17:22 #5
Det var så lidt ;o)

.::Michael::.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester