Scacchiera in javascript

[Mattia Campagna]

Esatto, includo lo script con questo: <script type="text/javascript" src="indirizzo.js"></script>
Poi richiamo la funzione dentro lo script che ho precaricato con onLoad="nomefunzione" ma lo script non funziona.

Comunque il professore mi ha semplicemente fatto notare che quando dovrò far muovere le pedine mi risulterà più facile tutto se avrò fatto una struttura coi div.

 

[signore del tempo]

Non ho capito...
Magari posta il codice relativo.

 

[Kappa27]

Sembra che gli stia suggerendo di usare una table, imho :)

 

[Mattia Campagna]

SI PUO' FAREEEEEEEEEEEEEE! :D :D :D
:asd:

Ho trovato uno script in jquery che fa esattamente quello che volevo.
Con pazienza l'ho fatto in javascript! Cosa ne pensate?

creaScacchiera();for (i=0;i<32;i++){
    $('#container').append('<div class="casella" id="'+i+'">'+i+'</div>');
        if (i%8==0)
    {
        $('#'+i+'').addClass('capo');
    }
    if (i<12)
    {
        $('#'+i+'').append('<div class="pedina bianchi" id="p'+i+'"></div>').addClass('occupato');
    }
    else if (i>19)
    {
        $('#'+i+'').append('<div class="pedina neri" id="p'+i+'"></div>').addClass('occupato');
    }
}

Il codice l'ho reso così:

    function creaScacchiera() {     var row=1;
    for (i=0;i<32;i++){
       var newdiv = document.createElement('div');
       newdiv.innerHTML += i;
       newdiv.setAttribute('id', i);   
       newdiv.setAttribute("class","casella");
       newdiv.className += " "+'row'+row;
        if (i%4==3) {++row;}


        if (i%8==0)
        {
               newdiv.className += " capo";
        }
                if (i%8==7)
        {
               newdiv.className += " capo_dx";
        }


        if (i<12)
        {
               newdiv.className += " occupato";
                  newdiv.innerHTML +='<div class="pedina bianchi" id="p'+i+'" onClick="cliccaPedina()"></div>'


        }
        else if (i>19)
        {
               newdiv.className += " occupato";
               newdiv.innerHTML +='<div class="pedina neri" id="p'+i+'"></div>'
        }
        var schacchiera = document.getElementById('container');
       schacchiera.appendChild(newdiv);
   }
}