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:
aufgerufen wird das ganze von hier:
sieht jemand meinen fehler??? ich bin zu doof für javascript. danke euch schon mal!!!
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:
Code:
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); }
Code:
<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!!!
Comment