popup window centreren op monitorscreen

[wilbie]

Ik heb een script dat een popup-venster weergeeft.
Maar het popup-venster komt automatisch tevoorschijn in de linkerbovenhoek van mijn monitorscherm.
Hoe kan ik het script aanpassen om het popup-venster in het midden van mijn scherm te krijgen ?

<script>
function SlideShow() {
       var height = 400;
       var width = 439;
       var url ="http://xxx.html";
       var properties = 'height=' + height + ',width=' + width; 
       window.open(url,'',properties);
       }
</script>

<a href="javascript:SlideShow()">

Hartelijk dank op voorhand voor diegenen die mij kunnen helpen.

 

[aaajeetee]

Kijk hier eens naar :thumb:

Je moet de breedte en hoogte van je popup van de screen.width en .height aftrekken en de uitkomst daarvan delen door 2.
Hierdoor zal je popup in het midden van het scherm getoond worden.


Edit: zoiets dus (nietwel getest):

<script type = "text/javascript">
function SlideShow() {
       var height = 400;
       var width = 439;
       var url ="http://xxx.html";
       var top =(screen.height- height) / 2;
       var left = (screen.width - width) / 2;
       var properties = 'height=' + height + ',width=' + width + ',top=' + top + ',left=' + left;
       window.open(url,'',properties);
       }
</script>

<a href="javascript:SlideShow()">

 

[wilbie]

Hallo aajeetee,

Hartelijk dank voor je reactie,

Ik heb de codes ingevoed in het bestaande script, maar nu verschijnt er helemaal geen popup window meer.

Moet ik soms in de <a href="javascript:SlideShow()"> ook iets veranderen ?

Ik hoop dat je me alsnog kunt helpen.

Dank u.

 

[aaajeetee]

Ik heb de code even aangepast, ik had een foutje gemaakt bij het definieren van de variabele "properties".

Nu doet ie het wel :thumb:

 

[wilbie]

Hier ben ik weer, aaajeetee

Ik heb het script nog eens geprobeerd, dat je gewijzigd en getest hebt, maar helaas het doet het echt niet.
Er gaat geen popup-frame meer open, als ik ook maar iets wijzig in het script.

Maar niet getreurd...

Ik heb het script nu aangepast gekregen van Jeroen (MegaSenior) en nu gaat het wel:

<script language="javascript" type="text/javascript">
function SlideShow() {
var winheight = 400;
var winwidth = 439;
var wintop = (screen.height - winheight) / 2;

var winleft = (screen.width- winwidth) / 2;
var url ="http://xxx.html";
var properties = 'height=' + winheight + ',width=' + winwidth + ',top=' + wintop + ',left=' + winleft;
window.open(url,'',properties);
}
</script>

Ik ben op deze site teruggekomen om je toch hartelijk te bedanken voor de reacties die je aan mij gegeven hebt en voor de moeite dat je gedaan hebt.

Bedankt ! :thumb:

Groetjes,
Wilbie

 

[aaajeetee]

...

Mooi dat het nu wel werkt (al zie ik niet wat er anders in dat script is, maar dat terzijde) :thumb:

 

[rhyvon]

Als eerst mijn excuses dat ik deze topic een gruwelijke kick geef

Ik ben aan een site bezig waar meerdere links opstaan en bij elke link moet er naar een andere site gelinkt worden. Bij deze code kun je namelijk alleen in de head, 1 html zetten.

Is dit ook mogelijk en hoe zou ik dat dan met deze code moeten doen?

Super erg bedankt alvast! :thumb:

 

[rhyvon]

Nou voel ik me wel b'tje ***lig, want ben er volgens mij net zelf achter gekomen.

in de head de: var url=... weglaten
en in de body: <a href="javascript:SlideShow(url="http://...)"> zetten

SORRY