Notifikationer

Markér alle som læst Log ud

chrede Nybegynder

22. januar 2004 - 01:19 Der er 11 kommentarer og
1 løsning

centrering af vindue med window.open

Jeg bruger følgende kode til nogle billede popup vinduer i mit photogalleri:

<a href="#" onClick="window.open('vis_billede.asp?billedeID=470', 'nytVindue','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,left = 150,top = 150,width=350,height=350'); return false;">

Hvordan får jeg billedet til at være centreret på skærmen?

Synes godt om

chrede Nybegynder

22. januar 2004 - 01:20 #1

vis_billede.asp kommer her:

<html>
<head>
<title>Billed-popup</title>
<script type="text/JavaScript">
function skift()
{
window.focus();
window.resizeTo(document.VisBillede.width + 30, document.VisBillede.height + 100);
}
</script>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css">
</head>

<body onLoad="skift()">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>

<td width="100%" colspan="2">
<img border="0" src="galleri/Damsmark_01-12-02/5 paa stribe 1.JPG" name="VisBillede"><br>
</td>
</tr>
<tr>
<td width="50%" align="left">
<a href="vis_billede.asp?billedeID=472">Forrige</a>
</td>
<td width="50%" align="right">
<a href="vis_billede.asp?billedeID=474">Næste</a>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

Jman Praktikant

22. januar 2004 - 01:23 #2

Måske kan denne hjælpe dig: http://www.dynamicdrive.com/dynamicindex8/popwin.htm

Synes godt om

mm12010 Nybegynder

22. januar 2004 - 07:47 #3

http://roenving.users.whitehat.dk/WindowLaboratory.html

Synes godt om

medions Nybegynder

22. januar 2004 - 08:13 #4

<a href="#" onClick="window.open('vis_billede.asp?billedeID=470', 'nytVindue','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,left = ((screen.height-window_height)/2),top = ((screen.height-window_height)/2),width=350,height=350'); return false;">

//>Rune

Synes godt om

eagleeye Praktikant

22. januar 2004 - 08:55 #5

Hvis du vil havde den centeret må du lave en function som kan det for det afhænger både af størrelsen på vinduet man åbner men også af brugeren oplæsning:

<script>
function PopupPic(sPicID, w,h) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+'resizable=0'
window.open("vis_billede.asp?billedeID="+sPicID+"", "nytvindue", winprops)
}
</script>

og så lave dine links om til:

<a href="#" onClick="PopupPic('470',350,350); return false;">

Synes godt om

eagleeye Praktikant

22. januar 2004 - 08:57 #6

man kunne også lave pop-up vinduet sådan det tilpasser si billede størrelsen og centere sig:

<HTML>
<HEAD>
<script language='javascript'>
var NS=document.all;
function FitPic()
{
iWidth = (!NS)?window.innerWidth:document.body.clientWidth;
iHeight = (!NS)?window.innerHeight:document.body.clientHeight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight);
if(!NS){self.moveTo((self.screen.width - self.outerWidth) / 2, (self.screen.height - self.outerHeight) / 2);}
else{self.moveTo((self.screen.width-document.body.clientWidth) / 2, (self.screen.height-document.body.clientHeight) / 2);}
self.focus();
}
window.onblur=comeback
function comeback()
{
this.focus();
}
</SCRIPT>
</HEAD>

<BODY onload='FitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<img src="<%=request.Querystring("billedeID")%>" border=0>
</BODY>
</HTML>

Synes godt om

chrede Nybegynder

22. januar 2004 - 11:29 #7

jeg brugte eagles løsning...

jeg kunne ikke få nogle af de andre til at virke

Synes godt om

chrede Nybegynder

22. januar 2004 - 11:47 #8

eagleeye... jeg har et lille problem...

Jeg kan ikke markere andre vinduer eller minimere popup vinduet.
(jeg brugte din sidste løsning)

Synes godt om

eagleeye Praktikant

22. januar 2004 - 18:39 #9

Det er den måde man åbner den på der afgøre om man kan minimere popup vinduet.
Er det denne du har brugt?

<script>
function PopupPic(sPicID, w,h) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+'resizable=0'
window.open("vis_billede.asp?billedeID="+sPicID+"", "nytvindue", winprops)
}
</script>

Synes godt om

eagleeye Praktikant

22. januar 2004 - 18:43 #10

DOH det havde jeg lige overset ;)))

Du skal lige fjerne disse 5 linjer fra filen som viser billedet

window.onblur=comeback
function comeback()
{
this.focus();
}

Synes godt om

eagleeye Praktikant

22. januar 2004 - 18:44 #11

gelmt min kommentar 22/01-2004 18:39:16
og brug den sidste... Det kode gør nemlig den ikke kan minimeres og ikke kan fjerne fokus ;)

Synes godt om

chrede Nybegynder

22. januar 2004 - 22:28 #12

sådan... så virker det... tak igen! :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra ASP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP	9	25/06/202622:20	29/06/202621:55
Tjek alle checkbox i form Af bsn i ASP	4	18/05/202601:57	19/05/202613:33
Lost focus Af bsn i ASP	1	07/11/202415:34	01/01/202514:58
ASP classic Af bsn i ASP	8	28/10/202423:11	30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP	5	23/05/202409:56	24/05/202400:02

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS