two dimensional array

[cleary1981]

Hi,

I have a javascript function that reads in an array from php. Each record is split by a $ and each field is then split by a ^. I was wondering if anyone could help me get this data into a 2d array? Heres what I have so far.

function drawExisting() {
    if (request.readyState ==4) {
        var returned = request.responseText;
        var recordSplit = returned.split("$");
        var record = recordSplit[0];
        alert(record);
        var fieldSplit = record.split("^");
        var object_name = fieldSplit[0];
        var xpos = fieldSplit[1];
        var ypos = fieldSplit[2];
        var height = fieldSplit[3];
        var width = fieldSplit[4];
        // alert(object_name + " " + xpos + " " + ypos + " " + height + " " + width);
 
        }
}    

This gives me the results for the first record

[acoder]

Loop over recordSplit (an array) and set each fieldSplit (also an array) to an array variable.

[cleary1981]

The problem that is throwing me is that you have to declare the size of the array. Can I declare an array without the size?

[acoder]

You don't need to declare the size of the array. You can declare it like this:

var arr = [];

and that's it.

[cleary1981]

Am I on the right track here?

function drawExisting() {
    if (request.readyState ==4) {
        var record = [];
        var returned = request.responseText;
        var recordSplit = returned.split("$");
        for (i=0; i < record.length; i++) {
            record = recordSplit[i];
            var fieldSplit = record.split("^");
            var object_name = fieldSplit[0];
            var xpos = fieldSplit[1];
            var ypos = fieldSplit[2];
            var height = fieldSplit[3];
            var width = fieldSplit[4];
            alert(object_name + " " + xpos + " " + ypos + " " + height + " " + width);
        }
 
        }
}    

[acoder]

Sort of. The loop should be on recordSplit, not record. Then use the push() method to add the fieldSplit array to record.

[cleary1981]

I have cracked it. Thanks for your help all the same. Just took a while for the concept to snk in to my thick head. Heres my code.

function drawExisting() {
    if (request.readyState ==4) {
        cv = document.getElementById("canvas");
        var returned = request.responseText;
        var splitResult = returned.split("$");
        for (var i=0;i<splitResult.length-1;i++) {
            var record = splitResult[i];
            // alert(record);
            var splitRecord = record.split("^");
                var newObject = document.createElement('div');
                newObject.id=splitRecord[0];
                newObject.innerHTML=splitRecord[0];
                newObject.style.height=splitRecord[3]/10;
                newObject.style.width=splitRecord[4]/10;
                newObject.style.top=splitRecord[2];
                newObject.style.left=splitRecord[1];
                newObject.onmousedown=function(){grab(this);}
                cv.appendChild(newObject);
 
        }
        }
}    

[acoder]

So you didn't need to use a two dimensional array in the end?