var couleur_dessin = 'white';

function tracer_toile()
{
    var lignes = 30;
    var colonnes = 60;

    var texte = '<table id="toile" align="center">';
    for(var i = 0; i < lignes; i++)
    {
        texte+= '<tr>';
        for(var j = 0; j < colonnes; j++)
        {
            texte+= '<td id="pixel_'+i+'_'+j+'" onclick="dessiner('+i+', '+j+');"></td>';
        }
        texte+= '</tr>';
    }
    texte+= '</table>';

    document.getElementById('dessin').innerHTML = texte;
}

function changer_couleur(couleur)
{
    document.getElementById('carrecouleur').style.background = couleur;
    couleur_dessin = couleur;
}

function dessiner(i, j)
{
    document.getElementById('pixel_'+i+'_'+j).style.background = couleur_dessin;
}

tracer_toile();