anoniem Geplaatst: 2 april 2005 Delen Geplaatst: 2 april 2005 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ï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? Quote Link naar reactie
anoniem Geplaatst: 2 april 2005 Auteur Delen Geplaatst: 2 april 2005 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. Quote Link naar reactie
anoniem Geplaatst: 2 april 2005 Auteur Delen Geplaatst: 2 april 2005 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) Quote Link naar reactie
anoniem Geplaatst: 2 april 2005 Auteur Delen Geplaatst: 2 april 2005 Tis maar wat je goed noemt, natuurlijk. Maar ik weet niet hoe je dat met Javascript zou moeten aanpassen. Quote Link naar reactie
anoniem Geplaatst: 4 april 2005 Auteur Delen Geplaatst: 4 april 2005 [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: Quote Link naar reactie
anoniem Geplaatst: 4 april 2005 Auteur Delen Geplaatst: 4 april 2005 Meschien kan je beter dit script nemen: [code:1:81f491323e]<script language="JavaScript"> <!-- function PopUp(url) { PopUpWin = window.open(url,'VensterNaam', 'toolbar=0,status=0,menubar=0,scrollbars=0,resizable=1'); } // --> </script>[/code:1:81f491323e] Met de aanroep [code:1:81f491323e]<a href="javascript:PopUp('de pagina die je wilt openen');">Klik hier</a>[/code:1:81f491323e] Dan kan je een aparte pagina maken met de inhoud die je wilt. De eigenschappen geef je in de functie PopUp aan. Het proberen waard?? Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen