Wat bij jou fout loopt:
strings moeten altijd tussen quotes.
zo bv.
<?php
$advertentie=15; // is maar een voorbeeld
echo '<a href="javascript:openpopup(\'choosead.php?id=' . $advertentie . '\')">link</a>';
?>
<script>
function openpopup(url) {
var popupWindow = window.open(url,'MIJN POPUP','width=200,height=200');
popupWindow.focus();
}
</script>
Link gekopieerd
Helaas voor jou zullen popup blockers vaak voorkomen dat dit gaat werken.
Overweeg of je geen hidden <div> aan je pagina kunt toevoegen die te voorschijn laat komen wanneer dat gewenst is.
Link gekopieerd
@frank
hidden <div> ??
ergens een voorbeeldje?
@kris popupje werkt idd toppie bedankt
Link gekopieerd
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
window.onload = function()
{
var show = document.getElementById('show-div');
var hide = document.getElementById('hide-div');
var popup = document.getElementById('popup-div');
show.onclick = function(e)
{
popup.style.visibility = 'visible';
return false;
}
hide.onclick = function(e)
{
popup.style.visibility = 'hidden';
return false;
}
}
</script>
<style>
#popup-div {
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-200px;
width:400px;
height:400px;
border:2px solid #999;
box-shadow: 3px 3px 5px #888888;
visibility:hidden;
}
#popup-header {
height:15px;
text-align:right;
color:white;
background:#006;
padding:10px;
}
#popup-header a {
font-family:Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
border:1px solid #FFF;
padding:3px;
}
#popup-body {
padding:10px;
}
</style>
<title>Popup Div</title>
</head>
<body>
<a id="show-div" href="#">Klik op mij!</a>
<div id="popup-div">
<div id="popup-header">
<a id="hide-div" href="#">X</a>
</div>
<div id="popup-body">
<p> Verrassing!</p>
</div>
</div>
</body>
</html>
Link gekopieerd
