fehler im javascript code

[Jan Gäbler]

hallo zusammen,

ich habe hier nen stück code, welches leider nix anzeigt. erst ging es noch, dann wollte ich die überflüssigen divs entfernen, und habs mir dabei zerstört. leider hab ich auch kein plan von javascript.

hier das fragement:

function drawSquares(canvas, colorValues, numberOfSquaresX, numberOfSquaresY, unitSize){
	
	for (var i = 0; i < numberOfSquaresX * numberOfSquaresY; i++) {
		var elem = '<span id="square_'+i+'" style="display: block; float: left; width: '+unitSize+'px; height: '+unitSize+'px; background-color:'+colorValues[i]+';"></span>';
		$canvas.apend(elem);
		
	}//End for
}

//unitSize width (and height) of one square
//numberOfSquaresX - number of squares along x-axis 
//numberOfSquaresY - number of squares along y-axis 
 function drawZoom(colorValues, stations, heights, numberOfSquaresX, numberOfSquaresY, unitSize){

	$("#zoom").css({
		width: (unitSize * numberOfSquaresX + 40),
		height: (unitSize * numberOfSquaresY + 40),
		float: "left",		
		border: "5px green solid"
	});
 
	var view = $('<div class="chart"></div>').css({
		width: (unitSize * numberOfSquaresX)
	});
	var legendVerticalDesc = '<div class="legend_vertical">Höhe (m)</div>';
	drawSquares(view, colorValues, numberOfSquaresX, numberOfSquaresY, unitSize);
	$('#zoom').html(view);
}

aufgerufen wird das ganze von hier:

<script type="text/javascript">
 
 //overview script
$(document).ready(function(){

	var minValue = 0;
	var maxValue = 30
	var colorValues = new Array();	
	var colorValuesZoom = new Array();		
	var stations = new Array();
	var stations2 = new Array();	
	var heights = new Array();
		
	for(var height = 30; height >= 0; height-=5){
		heights.push(height);
	}//End for	
	
	for(var station = 0; station <= 3000; station+=200){
		stations.push(station);
	}//End for

	for(var station2 = 1000; station2 <= 1200; station2+=10){
		stations2.push(station2);
	}//End for

	var numberOfValuesX = 300;// number of squares along x-axis
	var numberOfValuesY = 30;// number of squares along y-axis	
	
	for(var i = 0; i < (numberOfValuesX * numberOfValuesY) ; i++){
		colorValues.push(determineColor(i%30, minValue, maxValue));
	}
	
	var numberOfZoomValuesX = 100;
	var numberOfZoomValuesY = 30;
	
	for(var i = 0; i < (numberOfZoomValuesX * numberOfZoomValuesY) ; i++){
		colorValuesZoom.push(determineColor(i%30, minValue, maxValue));
	}
	
	drawZoom(colorValuesZoom, stations2, heights, numberOfZoomValuesX, numberOfZoomValuesY, 5);	
	
	});
 
</script>
<div id="zoom"/>
<br>
<br>
<br>
<div id="overview"/>
</body>
</html>

sieht jemand meinen fehler??? ich bin zu doof für javascript. danke euch schon mal!!!

[Christian Marquardt]

Dann benutze einen Debugger und sieh nach was passiert

[Nooa]

	var minValue = 0;
	var maxValue = 30
	var colorValues = new Array();

nunja... mein erster gedanke ist, dass da ein ";" fehlt...