Søg
Avatar billede sezam Nybegynder
22. september 2002 - 14:54 Der er 16 kommentarer og
1 løsning

Placering af pop-up vindue

Dette spg. er sikkert stillet en masse gange før, men jeg orker ikke at gå alle emner igennem.
Jeg vil gerne ha' centreret dét vindue som popper op når man klikker på: http://www.sezam.dk/start.html - det skal altså placere sig lige midt på skærmen...
Avatar billede esoulman Nybegynder
22. september 2002 - 14:55 #1
http://www.eksperten.dk/spm/18302 ?
Avatar billede sezam Nybegynder
22. september 2002 - 14:58 #2
Jeg vil helst ikke blot have henvisninger til tidligere spg. - hvis du vil ha' points må du svare mere fyldestgørende... ;-)
Avatar billede esoulman Nybegynder
22. september 2002 - 14:59 #3
Så lad være med at give mig points, og læs spørgsmålet.
Avatar billede sezam Nybegynder
22. september 2002 - 15:01 #4
jeg er egentlig blot ude efter det nøjagtige script her i mit tilfælde - vinduet har størrelsen 740x390
Avatar billede Slettet bruger
22. september 2002 - 15:03 #5
Spørgerne herinde bliver mere og mere dovne...

Nå:

<script>
function abn(url, navn, w, h) {
l = (screen.width - w) / 2;
t = (screen.height - h) / 2;
window.open(url, navn, "width=" + w + ",height=" + h + ",left=" + l + ",top=" + t);
}
</script>

Kaldes med:

<a href="#" onClick="abn('din_side.html', 'vindueNavn', 300, 400); return false;">Åbn vindue</a>

Hvor 300 er bredden og 400 er højden.
Avatar billede cdc Novice
22. september 2002 - 15:04 #6
i head:
<script language="JavaScript">
<!--

var w = 342, h = 324;
if (document.all || document.layers) {
  w = screen.availWidth;
  h = screen.availHeight;
}
var popW = 342, popH = 324;
var leftPos = (w-popW)/2, topPos = (h-popH)/2;

//-->
</script>

dit link:
<a href="#" onFocus="this.blur()" onclick="window.open('http://hgkcam.dyndns.org','popup','width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos);return false">Klik her for at se 1. tee.....</a>

bruger det selv på www.hillerodgolf.dk wed webcamen
Avatar billede Slettet bruger
22. september 2002 - 15:05 #7
I dit tilfælde:

<script>
function abn() {
l = (screen.width - 740) / 2;
t = (screen.height - 390) / 2;
window.open("din_side.html", "vindueNavn", "width=740,height=390,left=" + l + ",top=" + t);
}
</script>

Nu kaldes funktionen bare således:

<a href="#" onClick="abn(); return false;">Åbn</a>
Avatar billede Slettet bruger
22. september 2002 - 15:06 #8
/cdc>> Hvorfor bruge availWidth i stedet for width? Det centrerer jo netop ikke popup'en (selvom det sørger for, at den ikke fylder ind over proceslinjen, etc.)!
Avatar billede cdc Novice
22. september 2002 - 15:11 #9
aner det ikke, var et jeg fik her på E og det virker, måske kun i 800x600 aner det ikke
Avatar billede Slettet bruger
22. september 2002 - 15:12 #10
Næ, det virker skam fint nok, men den vil bare ikke altid centrere popup'en.
Avatar billede cdc Novice
22. september 2002 - 15:13 #11
det er også dette fundet på nettet:

Try:

<script language="JavaScript"><!--
var w = 480, h = 340;

if (document.all || document.layers) {
  w = screen.availWidth;
  h = screen.availHeight;
}

var popW = 300, popH = 200;

var leftPos = (w-popW)/2, topPos = (h-popH)/2;

window.open('page,html','popup','width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos);
//--></script>


If you want to center the popup in the browser window use this instead of screen.availWidth and screen.availHeight:

<script language="JavaScript"><!--
var w = 480, h = 340;

if (document.all) {
  /* the following is only available after onLoad */
  w = document.body.clientWidth;
  h = document.body.clientHeight;
}
else if (document.layers) {
  w = window.innerWidth;
  h = window.innerHeight;
}

var popW = 300, popH = 200;

var leftPos = (w-popW)/2, topPos = (h-popH)/2;

window.open('page,html','popup','width=' + popW + ',height='+popH+',top='+topPos+','left='+leftPos);
//--></script>
Avatar billede sezam Nybegynder
22. september 2002 - 15:49 #12
der er nogle af Jeres eksempler som fungerer når man har et link - i mit tilfælde er det noget som automatisk skal poppe up. En såkaldt headaction (som jeg ikke ved så meget om) ...hmmmm.
Til CDC - dit sidste bud virker ikke...
Avatar billede cdc Novice
22. september 2002 - 15:51 #13
<html>

<head>
<title>Ny side 1</title>
<script language="JavaScript"><!--

var w = 480, h = 340;
if (document.all || document.layers) {
  w = screen.availWidth;
  h = screen.availHeight;
}
var popW = 300, popH = 200;
var leftPos = (w-popW)/2, topPos = (h-popH)/2;

//--></script>

</head>

<body onload="window.open('http://www.hillerodgolf.dk/start/resultat/invit_big.htm','popup','width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos);return false">

</body>

</html>
Avatar billede cdc Novice
22. september 2002 - 15:52 #14
nok ikke helt efter bogen men den virkede, prøvede bare :o)
Avatar billede Slettet bruger
22. september 2002 - 15:53 #15
"En såkaldt headaction"?
Nå, der er nok dette, du mener:

<script>
l = (screen.width - 740) / 2;
t = (screen.height - 390) / 2;
window.open("din_side.html", "vindueNavn", "width=740,height=390,left=" + l + ",top=" + t);
</script>
Avatar billede Slettet bruger
22. september 2002 - 15:55 #16
(placeres i head)
Avatar billede sezam Nybegynder
22. september 2002 - 16:03 #17
fantastisk phoenixv - det virker! grazie senor :-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 17:00 Film Server Af dcedata1977 i Andet software
I dag 12:56 Mistænkelige mails! Af ErikHg i E-mail
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
White papers
Flere white papers »