Avatar billede sapworld Nybegynder
15. september 2004 - 09:55 Der er 8 kommentarer og
1 løsning

popup window spørgsmål

Hej

Jeg bruger denne kode på min side, så man skal se en større version af et billede når man klikker på tn'en:
<a href="#" onClick="window.open('http://www.myweb.dk','win1', 'height=600,width=800,top=150,left=100,screenY=150,screenX=100')"><img border="0" src="images/bil_tn.jpg"></a></a></td>

1. Jeg ville gerne linke direkte til et jpg billede, der skulle vises i popup vinduet - Er det muligt, eller er jeg nød til at sætte billedet ind på en side, som jeg så linker til???
2. Er det muligt automatisk at placere popup vinduet i midten af brugeren skærm i stedet for ScreenX/Y???
3. Jeg ville gerne have et "luk vindue" i pop up boxen - Er det muligt?

Håber der er nogle der kan hjælpe :)

/Kim
Avatar billede bernhof Nybegynder
15. september 2004 - 10:03 #1
1) Det er absolut muligt at linke direkte til billedet.
2) For at udregne midtpunktet af brugerens skærm, kan du benytte flg.:

var x = screen.availWidth/2 - iWidth/2
var y = screen.availHeight/2 - iHeight/2

Hvor iWidth og iHeight er hhv. bredde og højde af vinduet, der åbnes.

3) <a href="#" onclick="self.close()">Luk vindue</a>

Håber det kan bruges :)
Avatar billede bernhof Nybegynder
15. september 2004 - 10:05 #2
2) -- undskyld - for at udregne de x og y-koordinater, som vil placere et givent vinduet i midten af brugerens skærm, kan du benytte den nævnte kode :)
Avatar billede bernhof Nybegynder
15. september 2004 - 10:07 #3
husk dog, at det ikke er muligt at placere et "Luk vindue"-link i popup-vinduet, medmindre du, som du selv nævner, laver en side, som viser billedet, og deri placerer den i 3) nævnte kode.
Avatar billede per-olof Nybegynder
15. september 2004 - 10:08 #4
Hvis du kigger på http://per-olof.net/ronne/index.asp er vel på vejen hvad du mener, dok ikke din pkt 3
Avatar billede sapworld Nybegynder
15. september 2004 - 10:15 #5
1. Hvis jeg linker med <a href="#" onClick="window.open('images/bil.jpg','win1',..........så virker det desværre ikke - hvad gør jeg galt???
2. Hvordan sætter man det ind i koden????
3. OK

/Kim
Avatar billede bernhof Nybegynder
15. september 2004 - 10:26 #6
1) er du sikker på, at dit link til billedet er korrekt? For det bør virke!
2) Hvis jeg indsætter i din kode, får jeg følgende:

onClick="window.open('images/bil.jpg','win1', 'height=600,width=800,top=' + (screen.availHeight/2 - 600/2) + ',left=' + (screen.availWidth/2 - 800/2))

Jeg kunne istedet for 600/2 have skrevet 300 og istedet for 800/2 skrevet 400, men har ladet det stå så du kan se meningen i det.
Avatar billede sapworld Nybegynder
15. september 2004 - 10:47 #7
Det virker perfekto nu - takker for hjælpen :)
/Kim
Avatar billede roenving Novice
15. september 2004 - 17:52 #8
-- og hvis du vil have din popup til at passe præcis, kan du f.eks. benytte:

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede sapworld Nybegynder
15. september 2004 - 18:14 #9
Det ville have været nemt og rigtig smart, men det virker desværre ikke i en Opera browser (den hurtigste og mest brugervenlige browser i verdenen :).

Tak for rådet alligevel.

/kim
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