Popup zonder URL balk

Hallo,

Ik probeer een popup zonder url balk te maken, die een pagina showt. Ik heb momenteel dit:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <script language="javascript" type="text/javascript">function makewindow(url, w, h)
{
var windowprops = "height=" + h + ",width=" + w + ",location=no,scrollbars=yes,menubars=yes,toolbars=yes,resizable=yes";
popup = window.open(url,"winurl",windowprops);
}
  </script>
  <title></title>
</head>
<body>
<a href="javascript:makewindow(tracker.php,500,300);">link</a>
</body>
</html>

location staat dus al op 0, wat doe ik verkeerd?

Helaas, de URL-balk is niet meer weg te krijgen uit popups, dit is vanwege de veiligheid.

Is er dan geen soort ander popup, zoals ik in joomla heb gemaakt. Die showt een artikel.

soort lightbox kan je proberen

Kan dat een pagina showen?

Twany schreef:

Kan dat een pagina showen?

Dat kan...

Weet iemand dan ook hoe dit moet... ik kom er niet uit...

iframe lightbox. google is je mattie.

Heb fancybox al geprobeerd, maar werkt niet.

Facebox lekker makkelijk werkt dat

Twany schreef:

Heb fancybox al geprobeerd, maar werkt niet.

Verder is Fancybox prima, ik gebruik het ook. Versie 2 dan..
Maar goed, wees wat minder vaag als je geholpen wilt worden.

al opgelost, heb iemand op Skype ten hulp gevraagd!

Twany schreef:

al opgelost, heb iemand op Skype ten hulp gevraagd!

Deel de oplossing dan a.u.b.

Dit is de html code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="./fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="./fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="./fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="./fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="./fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
</head>

<body>
<ul class="list">
    <li>
        <a class="various fancybox.ajax" href="/demo/ajax.php">Ajax</a>
    </li>
    <li>
        <a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">Iframe</a>
    </li>
    <li>
        <a class="various" href="#inline">Inline</a>
    </li>
    <li>
        <a class="various" href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">SWF</a>
    </li>
</ul>

<ul class="list">
    <li>
        <a class="various fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">Youtube (iframe)</a>
    </li>
    <li>
        <a class="various fancybox.iframe" href="http://maps.google.com/?output=embed&f=q&source=s_q&hl=en&geocode=&q=London+Eye,+County+Hall,+Westminster+Bridge+Road,+London,+United+Kingdom&hl=lv&ll=51.504155,-0.117749&spn=0.00571,0.016512&sll=56.879635,24.603189&sspn=10.280244,33.815918&vpsrc=6&hq=London+Eye&radius=15000&t=h&z=17">Google maps (iframe)</a>
    </li>
    <li>
        <a class="various" href="/data/non_existing_image.jpg">Non-existing url</a>
    </li>
</ul>
</body>
<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
    $(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight    : 600,
        fitToView    : false,
        width        : 70%,
        height        : 70%,
        autoSize    : false,
        closeClick    : false,
        openEffect    : none,
        closeEffect    : none
    });
});
</script>
</html>