[JS] functie-aanroep binnen een functie

Door Simon Blok op 27-11-2006 09:15

611 views

Ik gebruik voor een simpele fotoviewer de volgende JAVASCRIPTcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="fotostyle.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fotoviewer</title>
<script type="text/javascript">
function fotoalbum(){
current_pic = 2;
   this.pics = new Array('image1.jpg','image2.jpg','image3.jpg','image4.jpg','image5.jpg','image6.jpg')
   this.vorige = function vorige(){
      if(current_pic > -1){
         current_pic--;
         document.getElementById('links').style.background = 'url("fotos/' + this.pics[current_pic - 1] + '") no-repeat right top'
         document.getElementById('rechts').style.background = 'url("fotos/' + this.pics[current_pic + 1] + '") no-repeat left top'
         document.getElementById('midden').innerHTML = '<img src="fotos/' + this.pics[current_pic] + '" class="imageborder" />'
      }
   }
   this.volgende = function volgende(){
      if(current_pic + 1 <= this.pics.length - 1){
         current_pic++;
         document.getElementById('links').style.background = 'url("fotos/' + this.pics[current_pic - 1] + '") no-repeat right top'
         document.getElementById('rechts').style.background = 'url("fotos/' + this.pics[current_pic + 1] + '") no-repeat left top'
         document.getElementById('midden').innerHTML = '<img src="fotos/' + this.pics[current_pic] + '" class="imageborder" />'
      }
   }
	this.KeyCheck = function KeyCheck(e)
	{
	   document.onkeyup = KeyCheck;       
	   var KeyID = (window.event) ? event.keyCode : e.keyCode;
	   switch(KeyID)
	   {
			case 39:
			this.volgende();
			break;
		}
	}
}



</script>
</head>
<body>
<script type="text/javascript">
album = new fotoalbum();
album.KeyCheck(0);
	</script>
<div id="container">
    <div id="links">
   <a href="javascript:void(0)" onclick="album.vorige()">vorige</a>
    </div>
    <div id="rechts">
   <a href="javascript:void(0)" onclick="album.volgende()">volgende</a>
    </div>
    <div id="midden">
        <img src="fotos/image2.jpg" class="imageborder" />
    </div>
</div>

</body>
</html>

Nu gaat het fout bij de functie KeyCheck(). Hier wil ik een functie aanroepen die binnen de functie/class fotoalbum zit, maar de functie KeyCheck zit hier natuurlijk ook in, hoe kan ik deze toch aanroepen?
Alvast bedankt!