aangepaste popup

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

Aangepaste popup

Een popup-venster dat zich automatisch aanpast aan de afmetingen van het weer te geven beeld.

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

<script type="text/javascript">
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte  = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20;  //afmetingen van het grootste beeld +20

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=10,height=10,left='+vanaf_links+',top='+vanaf_boven; // 10,10: aanpassen indien nodig

function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(500,500);'); // 500,500: aanpassen indien nodig
writeln('width=500-(document.body.clientWidth-document.images[0].width);');// 500 aanpassen indien nodig
writeln('height=500-(document.body.clientHeight-document.images[0].height);');// 500 aanpassen indien nodig
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block"></body></html>');
close();		
}}
</script>

2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.