Avatar billede mekaniker Nybegynder
29. oktober 2001 - 21:50 Der er 13 kommentarer og
1 løsning

Centrering af popup

Hvordan centrere jeg dette popup-vindue:

<SCRIPT>
function NewWin (id) {
    NY=window.open(\'Varebeskrivelse.asp?id=\' + id, \'NY\',\' width=300,height=250\')
}
</script>
Avatar billede prodic Mester
29. oktober 2001 - 22:02 #1
Avatar billede gfx Nybegynder
29. oktober 2001 - 22:03 #2
-------
Det er også muligt at definere hvor på skærmen det nye vindue skal placeres.

Dette gøres med egenskaberne: top og left for Internet Explorer og screenY og screenX for Netscape

Det vil sige at hvis du vil åbne et vindue på 400x400 pixel som er placeret 100 pixels fra venstre kant af skærmen og 150 pixels fra toppen, skal du bruge denne kode:

window.open(\'http://www.builder.dk\', \'win1\', \'height=400,width=400,top=150,left=100,screenY=150,screenX=100\'); 

Så fungerer det i både Netscape og Internet Explorer
------------

Kilde: http://www.builder.dk
Avatar billede mekaniker Nybegynder
29. oktober 2001 - 22:19 #3
Nu kender jeg ikke så meget til javascript, men er det ikke muligt at bare centrere popup\'en og ikke give det en position.
Hvis man giver det en position, vil denne jo ændre sig hvis man har en anden skæmopløsning.
Er det ikke rigtigt.

Tak for hjælpen.

/mekaniker
Avatar billede prodic Mester
29. oktober 2001 - 22:27 #4
Avatar billede mekaniker Nybegynder
29. oktober 2001 - 22:37 #5
Jeg kan ikke lige gennemskue hvad der sker på  http://www.builder.dk/builders/windowbuilder.asp
Kunne i prøve at bygge det det ind i min kode.

/Mekaniker
Avatar billede prodic Mester
29. oktober 2001 - 22:50 #6
<script language=\"JavaScript\">
<!-- Gem koden for gamle browsere
function myOpen(page) {
  myX = (screen.availWidth-350)/2;
  myY = (screen.availHeight-200)/2;
  myWin = window.open(page,\'popUp\',\'width=350,height=200,screenX=\'+myX+\',left=\'+myX+\',screenY=\'+myY+\',top=\'+myY);
}




// -->
</script>



    </head>

    <body bgcolor=\"#ffffff\">
    <a href=\"java script:myOpen(\'etEllerAndet.html\');\">&Aring;ben</a>

    </body>

</html>


Så ændrer du bare størrelsen manuelt i Script-delen.
Avatar billede lmunch Nybegynder
30. oktober 2001 - 18:55 #7
<head>

<script language=\"javascript\" type=\"text/javascript\">

/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
*/

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
\'height=\'+h+\',width=\'+w+\',top=\'+TopPosition+\',left=\'+LeftPosition+\',scrollbars=\'+scroll+\',resizable\'
win = window.open(mypage,myname,settings)
if(win.window.focus){win.window.focus();}
}

</script>

</head>

<body>

<a href=\"http://www.csdanmark.dk\" onclick=\"NewWindow(this.href,\'name\',\'400\',\'400\',\'yes\');return false\">csdanmark.dk</a>

</body>
Avatar billede mekaniker Nybegynder
30. oktober 2001 - 23:17 #8
jeg linker til scriptet med følgende asp kode, så det kan godt være at det er derfor jeg ikke kan få det til at virke.
Jeg har nemlig aldrig rodet med java før.
Det script jeg har brugt, har jeg fundet her på eksperten, ved at lede i nogle gamle spørgsmål.

Response.Write \"<a href=\'java script:NewWin(\"& rs(\"Varenr\") &\");\'>

//Mekaniker
Avatar billede prodic Mester
30. oktober 2001 - 23:19 #9
Du skal indsætte selve Script-delen på siden hvor dit link også er.
Og så tilpasser du bare body-delen/linket til dit behov.

Det er ret simpelt. Prøv...
Avatar billede mekaniker Nybegynder
30. oktober 2001 - 23:44 #10
>>prodic
Jeg har prøvet at implementer det eksempel du har skrevet, men det resultere i en fejl på siden, også starter der en eller anden underlig debugger hvis man vil lede efter fejlen.

//Mekaniker
Avatar billede prodic Mester
31. oktober 2001 - 00:06 #11
Mekaniker->Du har højest sandsynligt lavet en fejl så.

for det her :
<script language=\"JavaScript\">
<!-- Gem koden for gamle browsere
function myOpen(page) {
  myX = (screen.availWidth-350)/2;
  myY = (screen.availHeight-200)/2;
  myWin = window.open(page,\'popUp\',\'width=350,height=200,screenX=\'+myX+\',left=\'+myX+\',screenY=\'+myY+\',top=\'+myY);
}




// -->
</script>



    </head>

    <body bgcolor=\"#ffffff\">
    <a href=\"java script:myOpen(\'http://www.eksperten.dk/spm/127236\');\">&Aring;ben</a>

    </body>

</html>

virker ganske fint.



Avatar billede prodic Mester
03. november 2001 - 14:39 #12
Skal vi snart lukke?
Avatar billede mekaniker Nybegynder
04. november 2001 - 21:42 #13
Nu har jeg endelig fået det til at virke.
Tak for hjælpen.
Avatar billede prodic Mester
04. november 2001 - 21:51 #14
Det var så lidt :-)

Tak for pointene.
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