Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JavaScript] Popups werken niet in IE

dvdgiessen
5 antwoorden
  • Hoi, ik heb mijn eigen popup script geschreven.

    Ik werk altijd met Firefox en daar werkt het goed in.
    Vandaag kreeg ik een mailtje van 'n bezoeker van mijn website dat de popups niet werken in IE.

    Het ligt niet aan een één of andere popup blokker, ik heb het zelf uitgeprobeerd in IE; daar werkt het niet.

    Wat ook nog 't rare is, is dat er een paar popups wel werken. De titels van de links die wel werken zijn: Mozaïek, Smooth & Twirled

    De pagina ( http://home.versatel.nl/sybren.wartna/nlife/galerie.htm ) is in principe W3C valid, al begrijpt die parser het JavaScriptje niet.

    De code:
    [code:1:e53a58b806]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Galerie</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    body { background-color: #99CC33 }
    </style>
    <link href="../nlife.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
    <!–
    function dros()
    {
    droste=window.open('','Droste effect','height=360,width=370');
    var inh = droste.document;
    inh.write('<html><head><title></title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/monitor.jpg" onClick="window.close()" height="360" width="370">');
    inh.write('</body></html>');
    inh.close();
    }
    function moza()
    {
    mozaiek=window.open('','Mozaiek','height=300,width=300');
    var inh = mozaiek.document;
    inh.write('<html><head><title>Mozaiek</title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/mosaiek.png" onClick="window.close()" height="300" width="300">');
    inh.write('</body></html>');
    inh.close();
    }
    function scal()
    {
    scala=window.open('','Scala of lines','height=320,width=320');
    var inh = scala.document;
    inh.write('<html><head><title>Scala of lines</title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/scala_of_lines.png" onClick="window.close()" height="320" width="320">');
    inh.write('</body></html>');
    inh.close();
    }
    function smth()
    {
    smooth=window.open('','Smooth','height=300,width=300');
    var inh = smooth.document;
    inh.write('<html><head><title>Smooth</title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/smooth.png" onClick="window.close()" height="300" width="300">');
    inh.write('</body></html>');
    inh.close();
    }
    function twrl()
    {
    twirled=window.open('','Twirled','height=300,width=300');
    var inh = twirled.document;
    inh.write('<html><head><title>Twirled</title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/twirled.png" onClick="window.close()" height="300" width="300">');
    inh.write('</body></html>');
    inh.close();
    }
    function verv()
    {
    vervuiling=window.open('','Vervuiling?','height=497,width=557');
    var inh = vervuiling.document;
    inh.write('<html><head><title>Vervuiling?</title>');
    inh.write('<link rel="stylesheet" href="../nlife.css">');
    inh.write('</head><body><img src="http://home.versatel.nl/sybren.wartna/gal/luchtvervuiling.jpg" onClick="window.close()" height="497" width="557">');
    inh.write('</body></html>');
    inh.close();
    }
    // –>
    </script>
    </head>

    <body>

    <p class="titel">Galerie</p>
    <p>Hier vind je afbeeldingen die door mij zijn gemaakt. Het betreft een kleine
    selectie van de afbeeldingen die ik het mooiste vind.</p>
    <p>Klik op een link om de afbeelding te zien. Er verschijnt dan een popup met
    de afbeelding. Als je op de afbeelding klikt, sluit de popup.</p>
    <p><a onClick="dros()">Droste effect</a><br>
    Ik probeerde het droste effect na te maken. Ik vind 'm goed gelukt, en jij?.</p>
    <p><a onClick="moza()">Moza&iuml;ek</a><br>
    Door de clouds en mosaic filters kreeg ik het blokkerige effect. Daarna heb
    ik vakken geselecteerd en per vak een kleur gegeven.</p>
    <p><a onClick="scal()">Scala of lines</a><br>
    Ik heb 2 lagen gemaakt met simpele lijnen en heb deze haaks op elkaar gezet.
    Om dit effect te bereiken heb ik een aparte blending mode gebruikt.</p>
    <p><a onClick="smth()">Smooth</a><br>
    Ik wilde een rustige afbeelding maken met cirkels. Deze heb ik in de hoek geplaatst
    zodat je maar een klein deel ziet.</p>
    <p><a onClick="twrl()">Twirled</a><br>
    Ik heb zomaar wat getekend met een brush en met de filter radial blur dat bewerkt.
    En om het af te maken heb ik een patroon en een lijn toegevoegd.</p>
    <p><a onClick="verv()">Vervuiling?</a><br>
    Een foto van koelcentrales heb ik gemanipuleerd. De 'rook' is groen gespikkeld
    gekleurd.</p>
    </body>
    </html>[/code:1:e53a58b806]

    Wat heb ik verkeerd gedaan?
  • Dit gaat fout omdat je in het tweede argument van de functie window.open (dus window-name) spaties (of een vraagteken) gebruikt. Vraag me niet waarom, maar daar kan IE blijkbaar niet mee overweg en Firefox wel.
  • Ik ga het veranderen.

    Wat ik trouwens niet snap is dat in IE ik bij de popups zo'n titel krijg: Twirled - Microsoft Internet Explorer.
    In Fx ziet het er zo uit: http://home.versatel.nl - Mozilla Firefox

    Hoe kan ik het goed instellen? (zoals IE het laat zien)
  • Tis maar wat je goed noemt, natuurlijk. Maar ik weet niet hoe je dat met Javascript zou moeten aanpassen.
  • [quote:aeca643ec4="sybren"]De pagina ( http://home.versatel.nl/sybren.wartna/nlife/galerie.htm ) is in principe W3C valid, al begrijpt die parser het JavaScriptje niet.[/quote:aeca643ec4]Ik heb die pagina bekeken, één aanvulling:
    [code:1:aeca643ec4]<a onClick="camo()">Camouflaged</a>[/code:1:aeca643ec4]Kan je beter van maken:
    [code:1:aeca643ec4]<a style="cursor:pointer" onClick="camo()">Camouflaged</a>[/code:1:aeca643ec4]Hiermee veranderd de cursor in het bekende handje zoals bij een normale link,
    en is het voor je bezoekers duidelijker dat ze hier klikken kunnen :wink:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.