Toon posts:

(JS) auto popup centered

Pagina: 1
Acties:
  • 39 views sinds 30-01-2008

woensdag 15 mei 2002 16:10

Acties:

Verwijderd

Topicstarter
Hallo mensen, graag zou ik willen weten hoe ik nu eindelijk een popup window in het midden van mijn & natuurlijk andere schermen krijg. De popup werkt goed, maar hoe krijg ik deze gecentreerd? Iemand een idee?

Thanx ....... The-Matrix

<!-- Begin
closetime = 0; // Close window after __ number of seconds?
// 0 = do not close, anything else = number of seconds

function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime*1000);
}

function doPopup() {
url = "http://javascript.internet.com/navigation/delayed-popup-window.html";
width = 267; // width of window in pixels
height = 103; // height of window in pixels
delay = 2; // time in seconds before popup opens
timer = setTimeout("Start(url, width, height)", delay*1000);
}
// End -->
</script>

<title>Blaat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<BODY OnLoad="doPopup();">
</body>
</html>

woensdag 15 mei 2002 16:17

Acties:

Verwijderd

Deze code plaatsen in de <head></head> van de popup

De waarden 500 en 400 aanpassen aan de afmetingen van de popup
code:
1
2
3
4
5
6
7
8

<script language="JavaScript">
windowWidth = 500;  
windowHeight = 400; 
    
if (parseInt(navigator.appVersion) >= 4)
window.moveTo((screen.width/2)-(windowWidth/2+10),
(screen.height/2)-(windowHeight/2+20));
</script>

woensdag 15 mei 2002 16:20

Acties:
  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

Regeltje aanpassen:
code:
1

windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;


code:
1

windowprops = "left=" + ((screen.width-WIDTH)/2) + ",top=" + ((screen.height-HEIGHT)/2) + ",width=" + WIDTH + ",height=" + HEIGHT

woensdag 15 mei 2002 16:50

Acties:

Verwijderd

Topicstarter
He bedankt ...... het werkt ;)

dinsdag 7 januari 2003 20:05

Acties:

Verwijderd

En hoe zou ik dat bij deze code moeten aanpassen?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

&lt;head&gt;
&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;
&lt;!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, '&quot; + id + &quot;', 

'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=900,height=900,left = 400,top = 

350');&quot;);
}
// End --&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;BODY&gt;
&lt;BODY onLoad=&quot;javascript:popUp('blaat')&quot;&gt;

&lt;/body&gt;
&lt;/html&gt;

[ Voor 22% gewijzigd door Verwijderd op 07-01-2003 20:05 ]

dinsdag 7 januari 2003 20:07

Acties:
  • HunterPro
  • Registratie: Juni 2001
  • Niet online

HunterPro

Verwijderd schreef op 07 January 2003 @ 20:05:
En hoe zou ik dat bij deze code moeten aanpassen?
code:
1

[..]
misschien door de code door te lezen en te kijken wat-ie doet? En dan zelf tot de conclusie komen dat dit net zo makkelijk is als wiskunde uit groep 8? En dat je daarom ook geen half-jaar-oud topic had hoeven kicken?

en trouwens... WAT wil je aangepast hebben? Wees duidelijk!

[ Voor 8% gewijzigd door HunterPro op 07-01-2003 20:08 ]

dinsdag 7 januari 2003 20:08

Acties:

Verwijderd

je hoeft niet zo te flamen hunterpro, ik ken wiskunde, maar ik ken geen javascript!
Dus dit kan ik niet combineren :S

en beter deze naar boven kicken, dan een nieuw topic posten, dus niet zeuren.

[ Voor 26% gewijzigd door Verwijderd op 07-01-2003 20:09 ]

dinsdag 7 januari 2003 20:10

Acties:
  • HunterPro
  • Registratie: Juni 2001
  • Niet online

HunterPro

Verwijderd schreef op 07 januari 2003 @ 20:08:
je hoeft niet zo te flamen hunterpro, ik ken wiskunde, maar ik ken geen javascript!
Dus dit kan ik niet combineren :S

en beter deze naar boven kicken, dan een nieuw topic posten, dus niet zeuren.
erm, 1) ik flame niet. en 2) je hebt nog steeds niet duidelijk gemaakt wat je wilt! Wil je 'm gecentreerd hebben zoals de Topicstarter, of iets anders?

dinsdag 7 januari 2003 20:15

Acties:

Verwijderd

1)Nou je zeikt mn post iig wel af.
2)Hier heb je gelijk in, een beetje onduidelijk,
als je kijkt naar het script dan zie je dat dit script de window een bepaalde positie geeft:
code:
1
2
3

height=900,left = 400,top = 

350');&quot;);

Dit is voor een resolutie van 1600x1200 een "centered popup".
Daarintegen niet voor andere resoluties, daarom wil ik dus graag dit script aanpassen op de manier zoals deze:
code:
1

windowprops = &quot;left=&quot; + ((screen.width-WIDTH)/2) + &quot;,top=&quot; + ((screen.height-HEIGHT)/2) + &quot;,width=&quot; + WIDTH + &quot;,height=&quot; + HEIGHT

Alleen ik heb geen idee hoe, omdat ik namelijk n00b ben icm javascript.

dinsdag 7 januari 2003 20:17

Acties:

Verwijderd

Leer dan javascript, en ga niet gelijk vragen. 1 regeltje tekst en een beetje code neerplakken is niet voldoende. Bosmonster heeft laaten zien hoe je zoiets zou kunnen doen, wil je het net wat anders, pas het dan aan. Het denkwerk is al voor je gedaan, de rest is trial & error.
Pagina: 1

Dit topic is gesloten.