Disporre array elementi con javascript e jquery

Question

Sto cercando di creare una funzione che provvederà punti in una tabella come come mostrato nell'immagine:

codice ho bisogno di modificare è:

var rowsCount = 7; 
var heightTable = 700; 
var rowHeight = 100; 

//an array with divs with elements, every element has a top and left position 
var arrayOfDivs = [({topPosition : 99, leftPosition: 100}),({topPosition : 150, leftPosition: 400}),({topPosition : 578, leftPosition: 10})]; 

//so here create a function that will create arrays = rowCount, so here we will need 7 arrays and arrange elements from arrayOfDivs into new arrays 


function arrangeInNewArrays (rowsCont,heightTable,rowHeight) { 
    var j=0; 
    for i=0 { 
     if (arrayOfDivs.topPosition[0] > rowHeight*j < rowHeight){ 
       var array+j = array+j+arrayOfDivs[i]; 
     }else { 
       i++,j++ 
     } 
    } 

    print arrayofDivs[i]; 
} 

Qualche suggerimento? Come posso organizzare punti per riga ...

Ti prego, aiutami a farlo ///

CODICE: http://jsfiddle.net/sYq9S/9/

Answer 1

penso che si può usare qualcosa di simile:

var ROW_HEIGHT = 100; //assume 100px, but you can change this 
var rowsCount = 7; 

var rows = []; 
for(var i = 0; i < rowsCount; i++) { 
    rows[i] = []; 
} 

for(var i = 0; i < arrayOfDivs.length; i++) { 
    var position = arrayOfDivs[i]; 

    //The assumption is that the table starts at position 0. If not, you will 
    //have to subtract the table's top position from topPosition 
    var rowNumber = Math.floor(position.topPosition/ROW_HEIGHT); 
    rows[rowNumber].push(position); 
} 

Questo finirà per raggruppare div in file, in base al loro topPosition. Quindi tutto ciò che con 0 <= topPosition < 100 sarà in row[0] (prima riga), qualsiasi cosa con 100 <= topPosition < 200 sarà in row[1] (seconda riga) e così via.

È quindi possibile scorrere su questi e posizionarli in base allo leftPosition.

Questo non ti darà necessariamente le righe 7 perché dipende dallo topPosition di ogni elemento. Quindi se non hai nulla che abbia un topPosition tale che 600 <= topPosition < 600 allora non ci sarà nulla nella settima fila.

Se si desidera ordinare leftPosition all'interno di ciascuna delle righe, si può fare questo:

for(var i = 0; i < rowsCount; i++) { 
    rows[i].sort(function(a, b) { 
     return a.leftPosition - b.leftPosition; 
    }); 
} 

Here is the fiddle.