Popup centreren...hoe??

Status
Niet open voor verdere reacties.

Frank1600

Nieuwe gebruiker
Lid geworden
18 jul 2011
Berichten
2
Goedemiddag,

Het lukt mij niet om een popup te centreren in de webpagina die ik aan het maken ben. Op internet al een ruim aantal code's geprobeerd, popup generator code geprobeerd, maar geen enkele doet het. Niet in IE, Chrome, FF. Wie kan mij helpen aan de juiste codering?

Bedankt!

Groet,
Frank
 
Dit werkt :) (zelfs op 2 monitoren)

HTML:
<html>
<head>
<script >
function PopupWindowCenter(URL, title,w,h)
{var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var newWin = window.open (URL, title, 'toolbar=no, location=no,directories=no, status=no, menubar=no, scrollbars=no, resizable=no,copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>
</head>
<body>
<a href="javascript:void(0);" onClick ="PopupWindowCenter('http://www.mi-soft.nl', 'Mi-Soft.nl',600,700)">KLIKKEN VOOR POPUP</a>
</body>
</html>
 
Bedankt Rick!

Jouw centrering werkt uitstekend :thumb: Alleen bij het openen krijg ik nu mijn oude scherm in de linker bovenhoek, moet dan clicken op "KLIKKEN VOOR POPUP" en dan komt jouw scherm in het midden :confused: Hoe dit op te lossen?

Groet,
Frank
 
Ik heb de hele code gegeven, incl tags.


zet dit in je head
[JS]<script >
function PopupWindowCenter(URL, title,w,h)
{var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var newWin = window.open (URL, title, 'toolbar=no, location=no,directories=no, status=no, menubar=no, scrollbars=no, resizable=no,copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>[/JS]

en dit in je body op de plek waar de link moet
HTML:
<a href="javascript:void(0);" onClick ="PopupWindowCenter('http://www.mi-soft.nl', 'Mi-Soft.nl',600,700)">KLIKKEN VOOR POPUP</a>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan