// pulib.js ©2011 // Javavascript bibliotheek voor eigen projecten // include met // losse projecten kunnen desgewenst worden gekaderd in setSmall() oid // Fonts komen in een apart bestand dat hier geladen wordt. // Het vermaledijde MS-IE wenst geen MS truetypefonts toe te staan. // Zij hebben een nieuw (betalen graag) .eot fonttype bedacht. Vandaar: if (isIE()) { document.write(""); if (!sessionStorage.pagecount) { alert('Uw browser, Internet Explorer, wijkt af van de W3C-norm. Het kan zijn dat u niet de juiste opmaak ziet.'); sessionStorage.pagecount=1; } } if (!isIE()) { document.write(""); } //////// HULPROUTINES //////// // verkorte schrijfwijze voor document.writeln function writeln(arg){document.writeln(arg);} // geeft true als pulib gevonden is function isPulib() { return true;} // toont het type van een object middels zijn naam: objectid function showObjectType(objectID) {alert(document.getElementById(objectID));} // geeft true als de browser IE is function isIE() {$b=navigator.appName; if ($b=='Microsoft Internet Explorer') return true; else return false;} // kijkt of de cookies aan staan function isCookieOn() {if (navigator.cookieEnabled) return true; else return false;} // geeft true als bij 1920x1080 function isHD() {if (screen.availWidth==1920 && screen.availHeight==1080) return true; else return false;} function setHD(){window.resizeTo(1920,1080);} // geeft true als kleiner of gelijk 1280x1024 (hoogresolutie 4:3) function isNormal() {if (screen.availWidth<=1280 || screen.availHeight<=1024) return true; else return false;} function setNormal(){window.resizeTo(1280,1024);} // geeft true als kleiner of gelijk dan 1024x768 (oude resolutie 4:3) function isOld() {if (screen.availWidth<=1024 || screen.availHeight<=768) return true; else return false;} function setOld(){window.resizeTo(1024,768);} // geeft true als kleiner of gelijk 800x600 function isSmall() {if (screen.availWidth<=800 || screen.availHeight<=600) return true; else return false;} function setSmall(){window.resizeTo(800,600);} // geeft schermhoogte/breedte in pixels function getScreenHeight() {return (screen.availHeight);} function getScreenWidth() {return (screen.availWidth);} // toont een .txt of .html bestand in een popup venster function toonBestand(bestand,breedte) {if (bestand==null) {alert('Geen bestand opgegeven'); return} if (breedte==null) breedte=600; hoogte=3*breedte/4; t=window.open(bestand,'','width='+breedte+',height='+hoogte+',scrollbars=yes'); t.window.focus(); } // toont een foto in een popup venster met sluitknop function toonFoto(foto,onderschrift,breedte){ var fotostijl =''; var tabelstijl=''; var tdstijl =''; tmp=window.open('Fotovenster','fotovenster','height=768,width='+breedte); tmp.document.write('foto'); tmp.document.write(fotostijl); tmp.document.write(tabelstijl); tmp.document.write(tdstijl); tmp.document.write(''); tmp.document.write('


'); tmp.document.write(onderschrift+'
'); tmp.document.write(''); tmp.document.close(); tmp.window.focus(); } // negenregelig alertvenster function merkOp(s1,s2,s3,s4,s5,s6,s7,s8,s9) { var hoogte=100; var b='
'; var s=''; var h=0; if (s1!=null) {s=s+s1+b; h++;} if (s2!=null) {s=s+s2+b; h++;} if (s3!=null) {s=s+s3+b; h++;} if (s4!=null) {s=s+s4+b; h++;} if (s5!=null) {s=s+s5+b; h++;} if (s6!=null) {s=s+s6+b; h++;} if (s7!=null) {s=s+s7+b; h++;} if (s8!=null) {s=s+s8+b; h++;} if (s9!=null) {s=s+s9+b; h++;} hoogte=40+25*h; // beginhoogte en deltahoogte kan varieren per font. t=window.open('Opmerking','','width=440,height='+hoogte) t.document.write(s); t.document.write("
") t.window.focus() } //////// Om via zoekmachines binnenkomers op een frame te herleiden, vervalt als er geen frames meer worden gebruikt function isgearriveerd(){ var vanbuiten=(parent.frames.length==0); if (vanbuiten) location.href='doorverwijzing.html'; } ////// DOM manipulatie // haal de objecthandle van een object middels zijn naam: objectid function getHandle(objectID) {return (document.getElementById(objectID));} // toon of verberg een object via zijn id function show(id) {document.getElementById(id).style.visibility='visible';} function hide(id) {document.getElementById(id).style.visibility='hidden';} function toon(id) {document.getElementById(id).style.visibility='visible';} function verberg(id){document.getElementById(id).style.visibility='hidden';} // image dimensies function img_getbreedte(id) {return (document.getElementById(id).width);} function img_gethoogte(id) {return (document.getElementById(id).height);} function img_sethoogte(id,h) {if (h==null) return; document.getElementById(id).height=h;} function img_setbreedte(id,h){if (h==null) return; document.getElementById(id).width=h;} function img_scale(id,factor) {if (factor==null) return; h=document.getElementById(id).height; document.getElementById(id).height=factor*h; b=document.getElementById(id).width; document.getElementById(id).width=factor*b; } function img_getsrc(id){return document.getElementById(id).src;} function img_setsrc(id,src){document.getElementById(id).src=src;} function img_getposx(id){return document.getElementById(id).offsetLeft;} function img_getposy(id){return document.getElementById(id).offsetTop;} // ****************************************************************** // TIP naar © Dynamic Drive DHTML code library (www.dynamicdrive.com) // Gebruik: onMouseOver="tipaan('Deze tekst')"; onMouseOut="tipuit()" // ****************************************************************** var offsetxpoint=-60 //Customize x offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var ns6=document.getElementById && !document.all var enabletip=false; var tipobj=document.getElementById("dhtmltooltip"); function tipaan(tekst) { tipobj.innerHTML=tekst; tipobj.style.backgroundColor='darkblue'; tipobj.style.color='white'; tipobj.style.width='150'+'px'; enabletip=true; return false; } function tipuit() { enabletip=false; tipobj.style.visibility="hidden"; tipobj.style.left="-1000px"; tipobj.style.backgroundColor=''; tipobj.style.width=''; } function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function positiontip(e){ if (enabletip){ var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop; //Find out how close the mouse is to the corner of the window var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20 var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20 var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000 //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge /*
De familie Uljé
Urenverantwoording
LinksRechts
1a
2b
3c
4d
Voetveld
// ============================================================================= // objectpositie // ============================================================================= function objectpositielinks(objectID) {var dom=findDOM(objectID,0); var domstijl=findDOM(objectID,1); if (domstijl.left) return domstijl.left; if (domstijl.pixelLeft) return domstijl.pixelLeft; if (dom.offsetLeft) return dom.offsetLeft;} function objectpositieboven(objectID) {var dom=findDOM(objectID,0); var domstijl=findDOM(objectID,1); if (domstijl.top) return domstijl.top; if (domstijl.pixelTop) return domstijl.pixelTop; if (dom.offsetTop) return dom.offsetTop;} function objectpositierechts(objectID) { return objectpositielinks(objectID)+objectbreedte(objectID);} function objectpositieonder(objectID) { return objectpositieboven(objectID)+objecthoogte(objectID);} function toonobjectpositie(objectID) {alert('Positie van object '+objectID+' linksboven, rechtsonder: '+ objectpositielinks(objectID)+', '+objectpositieboven(objectID)+'; '+ objectpositierechts(objectID)+', '+objectpositieonder(objectID))} function verspringnaar(objectID,x,y) { var domstijl=findDOM(objectID,1);domstijl.left=x; domstijl.top=y;} function verschuifnaar(objectID,xx,yy,steps) {var domstijl=findDOM(objectID,1); var x=objectpositielinks(objectID); var y=objectpositieboven(objectID); var dx=(xx>x) ? +xx/x : -xx/x; var dy=(yy-y) ? +yy/y : -yy/y; var i=0; while (i * vergeet niet een style voor #dhtmltooltip op te zetten ***********************************************/ /* var offsetxpoint=-60 //Customize x offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "" function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function ddrivetip(thetext, thecolor, thewidth){ if (ns6||ie){ if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px" if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor tipobj.innerHTML=thetext enabletip=true return false } } function positiontip(e){ if (enabletip){ var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop; //Find out how close the mouse is to the corner of the window var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20 var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20 var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000 //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge