Gemaakt met dynamische tabel (zonder tbody; eventueel wel met id: tableD).
Deze kent een opacity: 0.5.
Daaronder ligt mijn tabel (id: tableB), maar dan met afbeeldingen.
Ik gebruik dus alle functies van de bovenste Sudoku.
Dat werkt allemaal prima.
Ik heb echter nu een probleem.
Als ik een cijfer (1-9) bij inputs doe bij de gewenste td
dan wordt alles goed verwerkt na de keyup.
Maar de row, col, en value, heb ik al uit de afbeelding bepaald.
Als ik echter die functie gebruik dan wordt het cijfer wel geplaats in de td.
Maar niet in de betreffende input.
Ben hier al poos mee bezig.
Maar vindt geen goede oplossing.
Als referentie voor de bestaande Sudoku kun je denk ik het beste kijken via de link:
https://codepen.io/Mobius1/pen/EmJEoJ
function help(bgp){
document.getElementById("divVal").innerHTML = bgp;
$("#tableD td").keydown(function(e) {
var column_num = parseInt( $(this).index() );
var row_num = parseInt( $(this).parent().index() );
var firstRow = document.getElementById('tableD').rows[row_num];
firstRow.cells[column_num].textContent = bgp;
alert(column_num);
alert(row_num);
alert(firstRow.cells[column_num].textContent);
})
}
Iemand die me op weg kan helpen?
[size=xsmall]Toevoeging op 02/02/2024 00:36:42:[/size]
Ik heb denk ik toch nog oplossing gevonden.
Deze werkt vooralsnog.
function help(bgp)
{
//document.getElementById("divVal").innerHTML = bgp;
$(':input', '#tableD td').each(function () {
this.value= bgp;
});
}
[size=xsmall]Toevoeging op 02/02/2024 12:26:01:[/size]
Ik heb de tabellen even gescheiden boven elkaar geplaatst. met oorspronkelijke css.
Daardoor toch foutje ontdekt.
Werkt toch niet helemaal... de tabel geeft nu op alle inputs td de value, die is bedoeld is voor slechts 1 input uiteraard.
De juiste afbeeldingen worden wel goed geplaatst.
Ik moet het dus nog ombouwen, zodat het triggert op de bedoelde input.