// DEZE JAVA SCRIPTS ZIJN BEWERKT OP 14 juli 2001 // Global variables var isNav4 = false, isIE4 = false, isOpera = false var range = "" var styleObj = "" var versieNummer = parseInt(navigator.appVersion.charAt(0)); if (navigator.userAgent.indexOf("Opera") != -1) isOpera = true if (versieNummer >= 4){ if (navigator.appName == "Netscape") { isNav4 = true; insideWindowWidth = window.innerWidth; }else if (navigator.appVersion.indexOf("MSIE") != -1) { isIE4 = true; range = "all."; styleObj = ".style"; } else { location = "pardon.html"; } } else { location = "pardon.html"; } /*================================================================== =================================================================*/ // convert object name string or object reference // into a valid object reference function getObj(obj) { var theObj if (typeof obj == "string") { theObj = eval("document." + range + obj + styleObj); } else { theObj = obj; } return theObj; } // conver an object name of an object of another frame // into a valid object reference function getFrameObj(frame, obj) { var theObj if (typeof obj == "string") { theObj = eval("parent." + frame + ".document." + range + obj + styleObj); } else { alert ("getFrameObj(frame, obj) accepteert alleen strings, geen objecten!"); theObj = "undefined" } return theObj; } //een object naar een bepaalde plaats verschuiven function moveObjTo(obj, x, y) { var theObj = getObj(obj); if (isNav4) { theObj.moveTo(x,y); } else { theObj.pixelLeft = x; theObj.pixelTop = y; } } // een object verschuiven met een horizontale en verticale factor function moveObjBy(obj, hor, ver) { var theObj = getObj(obj); if (isNav4) { theObj.moveBy(hor, ver); } else { theObj.pixelLeft += hor; theObj.pixelTop += ver; } } // de diepte van een object instellen function setZIndex(obj, zNummer) { var theObj = getObj(obj); theObj.zIndex = zNummer; } // de zichtbaarheid instellen function showObj(obj) { var theObj = getObj(obj); theObj.visibility = "visible"; } // de zichtbaarheid instellen function hideObj(obj) { var theObj = getObj(obj); theObj.visibility = "hidden"; } // de achtergrondkleur instellen NB dit werkt niet op de achtergrondkleur als je // binnen
nog een hebt // gebruik in dat geval de hierop volgende functie setBgColorDIVLAYER(obj, color) function setBgColor(obj, color) { var theObj = getObj(obj); if (isNav4) theObj.bgColor = color; else if (isOpera) theObj.background = color; else if (isIE4) theObj.backgroundColor = color; } function setBgColorDIVLAYER(obj, color) { var theObj = getObj(obj); if (isNav4) theObj.document.layers[0].bgColor = color; else if (isOpera) theObj.background = color else if (isIE4) theObj.backgroundColor = color; } // de x-coordinaat verkrijgen function getObjLeft(obj) { var theObj = getObj(obj); if (isNav4) { return theObj.left; } else { return theObj.pixelLeft; } } // de y-coordinaat verkrijgen function getObjTop(obj) { var theObj = getObj(obj); if (isNav4) { return theObj.top; } else { return theObj.pixelTop; } } //----------------------- /* DE VOLGENDE 2 VARIABELEN PLUS 2 FUNCTIES WORDEN INGEZET OMDAT IN INTERNET EXPLORER DE pixelTop EN pixelLeft NIET WORDEN GEINITIALISEERD ALS JE IN EEN
pen
HET GEVORMDE OBJECT KAN GEBRUIK MAKEN VAN DE HIERBOVEN STAANDE SPECIALE FUNCTIES: getImageObject("pen"), getImageWidth("pen") en getImageHeight("pen") verder kan het object gebruikmaken van de schuifMet("penId",...) enz alle object functies hierboven N.B. met de 'gewone' objectfuncties moet de naam "vlak" + "Id" worden gebruikt, dus: vlakId !! N.B. BIJ GEBRUIK VAN DEZE FUNCTIE MOET onLoadgInitArray() in de tag worden aangeroepen!! */ function writeDIVIMG(pNaamDivImg , pSource , pLeft, pTop, pWidth, pHeight){ //var naamId = pNaamDivImg + "Id"; //var naamImage = pNaamDivImg + "Image"; var nieuweInhoud = "\n\n" nieuweInhoud += "\n" nieuweInhoud += "
" + pNaamDivImg + "
\n" document.write(nieuweInhoud) setgInitArray((pNaamDivImg + "Id"), pLeft, pTop, "visible"); } function writeDIVAIMG(pNaamDivImg , pSource , pLeft, pTop, pWidth, pHeight, pHref, pOnMouseOver, pOnMouseOut){ var nieuweInhoud = "\n\n" nieuweInhoud += "\n" nieuweInhoud += "
" nieuweInhoud += "" + pNaamDivImg + "
\n" document.write(nieuweInhoud) setgInitArray((pNaamDivImg + "Id"), pLeft, pTop, "visible"); } // EEN
+ OBJECT !!!!!!!!! //
// VOOR naam MOET JE DUS HET GEDEELTE ZONDER Id EN Image NEMEN!!!! function getImageWidth(naam){ naamId = naam + "Id"; naamImage = naam + "Image"; if (isNav4) { return document.layers[naamId].document.images[naamImage].width; } else { return document.images[naamImage].width; } } function getImageHeight(naam){ naamId = naam + "Id"; naamImage = naam + "Image"; if (isNav4) { return document.layers[naamId].document.images[naamImage].height; } else { return document.images[naamImage].height; } } function getImageObj(naam){ naamId = naam + "Id"; naamImage = naam + "Image"; if (isNav4) { return document.layers[naamId].document.images[naamImage]; } else { return document.images[naamImage]; } } //----------------------- ANIMATION OBJECT VOOR imageObj function animate1Frame(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan var im = getImageObj(this.naamDiv); this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } im.src = this.imA[this.teller].src; } function animate1Loop(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan var im = getImageObj(this.naamDiv); this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } im.src = this.imA[this.teller].src; this.timer = setTimeout(this.naamObj + "AIObj.animate1Loop()", this.tijd); } function animate1LoopW(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan var im = getImageObj(this.naamDiv); this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } im.src = this.imA[this.teller].src; if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "AIObj.animate1LoopW()", 3000); else this.timer = setTimeout(this.naamObj + "AIObj.animate1LoopW()", this.tijd); } function animate1(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan var im = getImageObj(this.naamDiv); this.teller++; if (this.teller >= this.aantal) { this.teller = 0; clearTimeout(this.timer); this.timer = null; return; } im.src = this.imA[this.teller].src; this.timer = setTimeout(this.naamObj + "AIObj.animate1()", this.tijd); } //DEZE FUNCTIE IS AFGELEID VAN animate2Loop(). DE setTimeout(...) ONTBREEKT, DEZE FUNCTIE MOET WORDEN //GEACTIVEERD DOOR EEN ANDERE FUNCTIE VOOR SYNCHRONITEIT MET BEWEGING IN EEN makeAnimationPositionObj OBJECT!!! function animate2Frame(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 var im = getImageObj(this.naamDiv); this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } im.src = this.imA[this.teller].src; } function animate2Loop(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 var im = getImageObj(this.naamDiv); this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } im.src = this.imA[this.teller].src; this.timer = setTimeout(this.naamObj + "AIObj.animate2Loop()", this.tijd); } function animate2LoopW(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 var im = getImageObj(this.naamDiv); this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } im.src = this.imA[this.teller].src; if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "AIObj.animate2LoopW()", 3000); else this.timer = setTimeout(this.naamObj + "AIObj.animate2LoopW()", this.tijd); } function animate2(){ // One staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan var im = getImageObj(this.naamDiv); this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } im.src = this.imA[this.teller].src; if (this.teller == 0) { clearTimeout(this.timer); this.timer = null; return; } this.timer = setTimeout(this.naamObj + "AIObj.animate2()", this.tijd); } function setFirstFrame(){ this.teller = 0 this.factor = 1; } function setLastFrame(){ this.teller = this.aantal - 1 this.factor = -1; } // bv. var eekhoornRentAIObj = copyAnimationImageObj("eekhoorn2Rent", eekhoornKlimtAIObj, "eekhoornRent", ".gif", enz...) // het is belangrijk dat de variabele uit pNaamSource + "AIObj" wordt samengesteld, dan werken de scripts goed // var eekhoornRentAIObj = copyAnimationImageObj(eekhoornKlimtAIObj, "eekhoornRent", ".gif", 4) gaat om: //
en eekhoornRent1.gif, eekhoornRent2.gif t/m eekhoornRent5.gif function returnAnimationImageObj(pNaamObj, pNaamDiv, pNaamSource, pExtensie, pWidth, pHeight, pAantal, pTijd){ this.naamObj = pNaamObj //deze pNaamObj + "AIObj" is de naam die je de objectvariabele (laatste regel deze constructor: return this !!) moet geven // b.v. als pNaamObj(this.naamObj) == "eekhoorn2loopt" dan is de variabele eekhoorn2looptAIObj en hoort bij plaatjes eekhoornloopt1.jpg, eekhoornloopt2.jpg enz!! this.naamDiv = pNaamDiv this.width = pWidth this.height = pHeight this.aantal = pAantal this.imA = new Array(this.aantal) this.timer = null; this.teller = 0; this.factor = 1; this.tijd = pTijd; this.animate1 = animate1 this.animate1Loop = animate1Loop this.animate1Frame = animate1Frame this.animate2 = animate2 this.animate2Loop = animate2Loop this.animate2Frame = animate2Frame this.setFirstFrame = setFirstFrame this.setLastFrame = setLastFrame for (var i = 0 ; i < this.aantal ; i++) { this.imA[i] = new Image(this.width, this.height); this.imA[i].src= pNaamSource + (i + 1) + pExtensie } return this } // pAIObj is een ander AnimationImageObj-object, waaruit de volgende 4 waarden worden getrokken: // this.naamDiv, this.width, this.height, en this.tijd function copyAnimationImageObj(pNaamObj, pExtAIObj, pNaamSource, pExtensie, pAantal){ return new returnAnimationImageObj(pNaamObj, pExtAIObj.naamDiv, pNaamSource, pExtensie, pExtAIObj.width, pExtAIObj.height, pAantal, pExtAIObj.tijd) } // bv. var eekhoorn1KlimtAIObj = makeAnimationImageObj("eekhoorn1Klimt", "eekhoorn", "eekhoornKlimt", ".gif", enz...) // het is belangrijk dat de variabele uit pNaamObj + "AIObj" wordt samengesteld, dan werken de scripts goed // var eekhoorn1KlimtAIObj = makeAnimationImageObj("eekhoorn1Klimt", "eekhoorn", "eekhoornKlimt", ".gif", 5, 50) gaat om: //
en eekhoornKlimt1.gif, eekhoornKlimt2.gif t/m eekhoornKlimt5.gif function makeAnimationImageObj(pNaamObj, pNaamDiv, pNaamSource, pExtensie, pLeft, pTop, pWidth, pHeight, pAantal, pTijd){ writeDIVIMG(pNaamDiv , (pNaamSource + "1" + pExtensie) , pLeft, pTop, pWidth, pHeight) return new returnAnimationImageObj(pNaamObj, pNaamDiv, pNaamSource, pExtensie, pWidth, pHeight, pAantal, pTijd) } function makeAnimationAnchorImageObj(pNaamObj, pNaamDiv, pNaamSource, pExtensie, pLeft, pTop, pWidth, pHeight, pAantal, pTijd, pHref, pOnMouseOver, pOnMouseOut){ writeDIVAIMG(pNaamDiv , (pNaamSource + "1" + pExtensie) , pLeft, pTop, pWidth, pHeight, pHref, pOnMouseOver, pOnMouseOut) return new returnAnimationImageObj(pNaamObj, pNaamDiv, pNaamSource, pExtensie, pWidth, pHeight, pAantal, pTijd) } function move2Loop(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move2Loop()", 3000); else this.timer = setTimeout(this.naamObj + "APObj.move2Loop()", this.tijd); } function move2LoopA1F(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); this.AIObj.animate1Frame() if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move2LoopA1F()", 3000); else this.timer = setTimeout(this.naamObj + "APObj.move2LoopA1F()", this.tijd); } function move2LoopA2F(){ // 2 staat voor Two-direction van 0 naar aantal en weer terug naar 0 this.teller += this.factor; if ((this.teller < 1)||(this.teller > (this.aantal - 2))) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); this.AIObj.animate2Frame() if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move2LoopA2F()", 3000); else this.timer = setTimeout(this.naamObj + "APObj.move2LoopA2F()", this.tijd); } function move2(){ // One staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller += this.factor; if (this.teller > (this.aantal - 2)) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); if (this.teller == 0) { this.factor *= -1; // als je dit object nog een keer aanroept is de factor weer juist ingesteld clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } this.timer = setTimeout(this.naamObj + "APObj.move2()", this.tijd); } function move2A1F(){ // One staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller += this.factor; if (this.teller > (this.aantal - 2)) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); this.AIObj.animate1Frame() if (this.teller == 0) { this.factor *= -1; // als je dit object nog een keer aanroept is de factor weer juist ingesteld clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } this.timer = setTimeout(this.naamObj + "APObj.move2A1F()", this.tijd); } function move2A2F(){ // One staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller += this.factor; if (this.teller > (this.aantal - 2)) { this.factor *= -1; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); this.AIObj.animate2Frame() if (this.teller == 0) { this.factor *= -1; // als je dit object nog een keer aanroept is de factor weer juist ingesteld clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } this.timer = setTimeout(this.naamObj + "APObj.move2A2F()", this.tijd); } function move1Loop(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); //if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move1Loop()", 3000); this.timer = setTimeout(this.naamObj + "APObj.move1Loop()", this.tijd); } function move1LoopA1F(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]) this.AIObj.animate1Frame() //if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move1LoopA1F()", 3000); this.timer = setTimeout(this.naamObj + "APObj.move1LoopA1F()", this.tijd); } function move1LoopA2F(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller++; if (this.teller >= this.aantal) { this.teller = 0; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]) this.AIObj.animate2Frame() //if ((this.teller == 0)||(this.teller == this.aantal -1)) this.timer = setTimeout(this.naamObj + "APObj.move1LoopA2F()", 3000); this.timer = setTimeout(this.naamObj + "APObj.move1LoopA2F()", this.tijd); } function move1(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller++; if (this.teller >= this.aantal) { this.teller = 0; clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]); this.timer = setTimeout(this.naamObj + "APObj.move1()", this.tijd); } function move1A1F(){ // 1 staat voor One-direction alleen van 1 tot aantal en dan weer vanvorenafaan this.teller++; if (this.teller >= this.aantal) { this.teller = 0; clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]) this.AIObj.animate1Frame() this.timer = setTimeout(this.naamObj + "APObj.move1A1F()", this.tijd); } function move1A2F(){ this.teller++; if (this.teller >= this.aantal) { this.teller = 0; clearTimeout(this.timer); this.timer = null; if (this.volgendeFunctie != "") this.timer = setTimeout(this.volgendeFunctie,10) return; } moveObjTo( (this.naamDiv + "Id") , this.posA[this.teller*2] , this.posA[this.teller*2 + 1]) this.AIObj.animate2Frame() this.timer = setTimeout(this.naamObj + "APObj.move1A2F()", this.tijd); } function setFirstPosition(){ this.teller = 0 this.factor = 1; } function setLastPosition(){ this.teller = this.aantal - 1 this.factor = -1; } function setNaamDiv(pNaamDiv){ this.naamDiv = pNaamDiv } function addPositionArray(pX2, pY2){ var beginPos = this.aantal - 1 var X1 = this.posA[beginPos*2] var Y1 = this.posA[beginPos*2 + 1] var xVerschil = pX2 - X1 var yVerschil = pY2 - Y1 var verschil = Math.round(Math.sqrt(yVerschil*yVerschil + xVerschil*xVerschil)) var aantalSteps = Math.round(verschil / this.step) //////////////////////////////////////////////////////// if (aantalSteps < 1) return for (var i = 0 ; i < 1 + aantalSteps ; i++) { this.posA[(beginPos + i)*2] = X1 + Math.round((xVerschil * i )/aantalSteps) this.posA[(beginPos + i)*2 +1] = Y1 + Math.round((yVerschil * i )/aantalSteps) } this.aantal += aantalSteps } // het is belangrijk dat de variabele uit pNaamObj + "APObj" wordt samengesteld, dan werken de scripts goed // var logo1APObj = makeAnimationPositionObj("logo1", 0, 0, 100, 200 , 25 , 100) gaat om: //
die van positie (0,0) in 25 stappen met tussentijd van 100 milliseconden naar (100,200) wordt verplaatst) function makeAnimationPositionObj(pNaamObj, pNaamDiv, pX1, pY1, pX2 ,pY2, pStep, pTijd){ this.naamObj = pNaamObj this.naamDiv = pNaamDiv this.step = pStep // beginpositie + het aantal stappen this.aantal = 1 // beginpositie + het aantal stappen this.posA = new Array(2) this.timer = null; this.teller = 0 this.factor = 1 this.tijd = pTijd this.volgendeFunctie = "" // DEZE FUNCTIE WORDT UITGEVOERD ALS move1 OF move2 KLAAR ZIJN! this.AIObj = null this.move1 = move1 this.move1A1F = move1A1F this.move1A2F = move1A2F this.move1Loop = move1Loop this.move1LoopA1F = move1LoopA1F this.move1LoopA2F = move1LoopA2F this.move2 = move2 this.move2A1F = move2A1F this.move2A2F = move2A2F this.move2Loop = move2Loop this.move2LoopA1F = move2LoopA1F this.move2LoopA2F = move2LoopA2F this.setFirstPosition = setFirstPosition this.setLastPosition = setLastPosition this.addPositionArray = addPositionArray this.setNaamDiv = setNaamDiv this.posA[0] = pX1 this.posA[1] = pY1 this.addPositionArray(pX2, pY2) } //----------------------- function handleMouseDown(x, y){ //B.V. start2(); } function handleMouseMove(x, y){ //B.V. movePlaatje3(x, y); status = "( " + x + " , " + y + " )" } function translateMouseDown(e){ if (isNav4)handleMouseDown(e.pageX, e.pageY); else handleMouseDown(window.event.clientX + document.body.scrollLeft, window.event.clientY + document.body.scrollTop); } function translateMouseMove(e){ if (isNav4)handleMouseMove(e.pageX, e.pageY); else handleMouseMove(window.event.clientX + document.body.scrollLeft, window.event.clientY + document.body.scrollTop); } // voor Netscape moet je de events activeren! function initNetscapeEvents(opdr){ if (opdr == null || opdr == ""){ alert("initNetscapeEvents(....) vereist parameter 'click' en of 'move'") return } if (isNav4){ if (opdr.indexOf("click") != -1 && opdr.indexOf("move") != -1){ document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE) document.onMouseDown = translateMouseDown document.onMouseMove = translateMouseMove } else if (opdr.indexOf("click") != -1){ document.captureEvents(Event.MOUSEDOWN) document.onMouseDown = translateMouseDown } else if (opdr.indexOf("move") != -1){ document.captureEvents(Event.MOUSEMOVE) document.onMouseMove = translateMouseMove } } } //------------------------------------------------------------------ /* DE VOLGENDE FUNCTIE MAAKT MET DEZE PARAMETERS ("vlak", 10, 30, 45, 60, "FF1183", 15, "hidden") AUTOMATISCH DE VOLGENDE HTML CODE AAN:
het object kan gebruikmaken van de moveObjBy("vlakId",...) en alle andere 'gewone' object-functies hierboven N.B. met de 'gewone' objectfuncties moet de pNaam -in dit geval- "vlak" + "Id" worden gebruikt, dus: "vlakId" ipv "vlak" !!! N.B. BIJ GEBRUIK VAN DEZE FUNCTIE MOET onLoadgInitArray() in de tag worden aangeroepen!! */ function writeDIVLAYER(pNaam, pLeft, pTop, pWidth, pHeight, pColor, pAantal, pVisible){ if ((pVisible == null)||(pVisible == "")) pVisible = "visible" var nieuweInhoud = "\n\n" if (pColor != "transparent"){ // als er maar 1 DIV gemaakt wordt, word de naam BV bordId i.p.v. bord1Id (de 1 is nu immers niet nodig ter onderscheid van bord2Id...) if (pAantal == 1) nieuweInhoud += "
\n" else for (var i = 1 ; i < (pAantal + 1); i++) nieuweInhoud += "
\n" } else { // ALS (pColor == "transparent") DAN GEEN bgcolor propertie in de LAYER aanmaken, NETSCAPE BUG!!! // als er maar 1 DIV gemaakt wordt, word de naam BV bordId i.p.v. bord1Id (de 1 is nu immers niet nodig ter onderscheid van bord2Id...) if (pAantal == 1) nieuweInhoud += "
\n" else for (var i = 1 ; i < (pAantal + 1); i++) nieuweInhoud += "
\n" } document.write(nieuweInhoud); // als er maar 1 DIV gemaakt wordt, wordt de naam BV bordId i.p.v. bord1Id (de 1 is nu immers niet nodig ter onderscheid van bord2Id...) if (pAantal == 1) setgInitArray((pNaam + "Id"), pLeft, pTop, pVisible); else for (var i = 1 ; i < (pAantal + 1); i++) setgInitArray((pNaam + i + "Id"), (pLeft + i*10) , (pTop + i*10), pVisible); } /* ALS JE EEN TEKST IN EEN DIVLAYERtag WILT PLAATSEN GEBRUIK JE DEZE FUNCTIE JE KUNT DE TEKST IN EEN VARIABELE VERZAMELEN EN DAN ALS PARAMETER AAN DEZE FUNCTIE MEEGEVEN var nieuweTekst = "Info
\n" nieuweTekst += "Dit is de volgende regel
\n" nieuweTekst += "en dit de derde\n" writeDIVLAYERtekst(........., nieuweTekst) EN DE TEKST VERSCHIJNT IN HET BLOK! */ function writeDIVLAYERtekst(pNaam, pLeft, pTop, pWidth, pHeight, pColor, pVisible, tekst){ if ((pVisible == null)||(pVisible == "")) pVisible = "visible" var nieuweInhoud = "\n\n" // ALS (pColor == "transparent") DAN GEEN bgcolor propertie in de LAYER aanmaken, NETSCAPE BUG!!! if (pColor != "transparent") nieuweInhoud += "
" + tekst + "
\n" else nieuweInhoud += "
" + tekst + "
\n" document.write(nieuweInhoud); setgInitArray((pNaam + "Id"), pLeft, pTop, pVisible); } function writeFONT(pFace, pSize, tekst){ var nieuweTekst = "" nieuweTekst += tekst + "\n" return nieuweTekst } function writeA(pHref, pTarget, tekst){ var nieuweTekst = "\n" return nieuweTekst } /*==================================================================== DE VOLGENDE FUNCTIES MOETEN WORDEN VERVANGEN!!!!!! =====================================================================*/ function getObject(obj) { alert("Vervang getObject(obj) door:\ngetObj(obj)") getObj(obj) } function schuifNaar(obj, x, y) { alert("Vervang schuifNaar(obj, x, y) door:\nmoveObjTo(obj, x, y)") moveObjTo(obj, x, y) } function schuifMet(obj, hor, ver) { alert("Vervang schuifMet(obj, hor, ver) door:\nmoveObjBy(obj, hor, ver)") moveObjBy(obj, hor, ver) } function zetZIndex(obj, zNummer) { alert("Vervang zetZIndex(obj, zNummer) door:\nsetZIndex(obj, zNummer)") setZIndex(obj, zNummer) } function toon(obj) { alert("Vervang toon(obj) door:\nshowObj(obj)") showObj(obj) } function verberg(obj) { alert("Vervang verberg(obj) door:\nhideObj(obj)") hideObj(obj) } function zetAchtergrondKleur(obj, color) { alert("Vervang zetAchtergrondKleur(obj, color) door:\nsetBgColor(obj, color)") setBgColor(obj, color) } // de x-coordinaat verkrijgen function geefObjectLeft(obj) { alert("Vervang geefObjectLeft(obj) door:\ngetObjLeft(obj)") getObjLeft(obj) } function geefObjectTop(obj) { alert("Vervang geefObjectTop(obj) door:\ngetObjTop(obj)") getObjTop(obj) } function getImageHeight(naam){ naamId = naam + "Id"; naamImage = naam + "Image"; if (isNav4) { return document.layers[naamId].document.images[naamImage].height; } else { return document.images[naamImage].height; } } function getImageObject(naam){ alert("Vervang getImageObject(naam) door:\ngetImageObj(naam)") getImageObj(naam) }